الألوان
لوحة ألوان how.studio
يبني how.studio صفحاته على خلفية #f9f8f2 بنص #333333 ودون لون مميز واحد. الألوان الـ 4 أدناه مقاسة من الموقع الحي.
تم القياس من how.studio قبل 4 أيام.
اللوحة
4 ألوان| الألوان | الدور | Hex | RGB |
|---|---|---|---|
background | Page background | #f9f8f2 | rgb(249 248 242) |
surface | Cards, panels, raised or recessed surfaces | #edebe2 | rgb(237 235 226) |
foreground | Primary text | #333333 | rgb(51 51 51) |
muted-foreground | Secondary text, captions | #666666 | rgb(102 102 102) |
- النص على خلفية الصفحة
- 11.87:1 · يجتاز WCAG AA
متغيرات CSS
كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.
:root {
--color-background: #f9f8f2;
--color-surface: #edebe2;
--color-foreground: #333333;
--color-muted-foreground: #666666;
}لوكلاء الذكاء الاصطناعي
الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.
curl -s https://stylepack.ai/packs/how.studio/DESIGN.mdأسئلة
ما كود hex الخاص بـ how.studio؟
اللون المميز في how.studio هو #333333؛ خلفية الصفحة #f9f8f2 ولون النص الرئيسي #333333. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.
كيف أستخدم ألوان how.studio في Tailwind أو CSS؟
انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.