یک کارت ساده با عنوان و متن و دکمه طراحی کنید که از متغیرهای CSS برای رنگ‌های پس‌زمینه، رنگ متن و رنگ دکمه استفاده کند و در صورتی که هر یک از متغیرها تعریف نشده بودند از مقادیر fallback نمایش داده شود.

برای طراحی کارت ساده با CSS از متغیرهای --card-bg، --text-color و --btn-bg استفاده کنید تا رنگ‌ها به‌طور پویا تغییر کنند. هر کدام را با ترکیب var(--name, fallback) تعریف کنید تا در صورت نبودِ تعریف، مقدار پیش‌فرض نمایش داده شود. می‌توانید fallback را با ارجاع به متغیر دیگری مانند var(--default-card-bg, #fff) طراحی کنید تا سطح گزینه‌های پویایی بالاتر باشد. با حذف موقتی متغیرها از :root و بازخوانی در DevTools می‌توانید نتیجهٔ این fallbackها را به‌طور واضح بررسی کنید.