✍️
درخواست به زبان ساده
«مینیمال، سیاه و سفید، گوشه‌های تیز» کافی است؛ لازم نیست کسی CSS بلد باشد.
چه می‌کند«هوش مصنوعی پیشنهاد می‌دهد، موتور می‌سنجد»
🌗
روشن و تیره با یک جمله
تم تیره‌ی واقعی، پیش‌فرض روشن، تیره یا هم‌رنگ دستگاه، و دکمه‌ی تعویض برای بازدیدکننده.
👁️
همیشه خوانا
رنگ نوشته‌ها خودکار به کنتراست استاندارد WCAG می‌رسد، حتی اگر پیشنهاد مدل کم‌رنگ باشد.
🛡️
فقط ظاهر، نه کد
مدل HTML یا JavaScript نمی‌نویسد؛ فقط مقدارها را انتخاب می‌کند. CSS اضافه پاک‌سازی و به خود صفحه محدود می‌شود.
🧩
برای هر سایتی
هر صفحه با یک «میزبان» وصل می‌شود: می‌گوید کدام متغیر رنگ چیست و کدام بخش سربرگ است.
↩️
ذخیره و برگشت
مشخصات طراحی ذخیره می‌شود و CSS هر بار بی پرسیدن دوباره از مدل ساخته می‌شود؛ برگشت یک‌قدمی هم دارد.
نمونه‌هادرخواست، و شکلی که از آن درمی‌آید
سایت دو تم لایت و دارک داشته باشد؛ سرمه‌ای و طلایی
روشنطراح محصول
تیرهطراح محصول
مینیمال، سیاه و سفید، گوشه‌های تیز
سارا محمدیطراح محصول
گرم و صمیمی، کارت‌های گرد و نرم
سارا محمدیطراح محصول
چطور کار می‌کنداز یک جمله تا صفحه
- ۱
سایت خودش را معرفی می‌کند
چه صفحه‌ای است، کدام متغیر رنگ زمینه است و کدام کلاس بخش‌ها، و از میان چه قالب‌ها و فونت‌هایی می‌شود انتخاب کرد.
- ۲
صاحب سایت می‌نویسد چه می‌خواهد
درخواست فقط «توصیف ظاهر» است؛ قاعده‌ها و قالب خروجی را عوض نمی‌کند.
- ۳
مدل مشخصات طراحی برمی‌گرداند
موتور هر مقدار را جدا می‌سنجد، نادرست‌ها را با طراحی فعلی جایگزین می‌کند و کنتراست را درست می‌کند.
- ۴
CSS روی صفحه می‌نشیند
زیر یک دامنه‌ی محدود، با متغیرهای خود سایت؛ اگر نپسندید، یک قدم برمی‌گردید.
ساخته‌شده با
TypeScriptNode test runnerWCAG 2.1CSS Custom Propertiesبی وابستگی زمان اجرا
مدل زبانی را خود سایت میزبان صدا می‌زند؛ موتور به هیچ سرویس یا کلیدی وابسته نیست. نخستین کاربرش سایت رزومه‌ی رزومه‌استودیوی آئوراست. کد این موتور خصوصی است؛ این صفحه فقط برای معرفی آن است.