ما ألوان علامة relume.ai؟

ألوان relume.ai الرئيسية هي #ff00f4 (اللون المميز) و#f1f0ee (الخلفية) و#101010 (النص). اللوحة الكاملة من 9 ألوان، مع دور كل منها، موجودة في هذه الصفحة بأكواد hex.

ما كود hex الخاص بـ relume.ai؟

اللون المميز في relume.ai هو #ff00f4؛ خلفية الصفحة #f1f0ee ولون النص الرئيسي #101010. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.

كيف أستخدم ألوان relume.ai في Tailwind أو CSS؟

انسخ متغيرات CSS أو سمة Tailwind v4 من هذه الصفحة، أو نزّل حزمة التصميم: تتضمن tokens.json (بصيغة W3C design tokens) وtokens.css وtailwind.css بالقيم نفسها.

لوحة ألوان relume.ai: أكواد hex وCSS

اللوحة

9 ألوان

الألوان	الدور	Hex	RGB	فاتح / داكن
`background`	Page background	`#f1f0ee`	`rgb(241 240 238)`	`#101010`
`surface`	Cards, panels, raised or recessed surfaces	`#ffffff`	`rgb(255 255 255)`	`#2b2319`
`surface-2`	Secondary surface	`#e4e3e1`	`rgb(228 227 225)`	`#1a1a1a`
`foreground`	Primary text	`#101010`	`rgb(16 16 16)`	`#ffffff`
`muted-foreground`	Secondary text, captions	`#343434`	`rgb(52 52 52)`	`#8a8a8a`
`primary`	Candidate accent (semantic role inferred)	`#ff00f4`	`rgb(255 0 244)`	`#6c0063`
`on-primary`	Text on the accent	`#111111`	`rgb(17 17 17)`	`#ffffff`
`secondary`	Secondary accent (cyan)	`#98eafd`	`rgb(152 234 253)`	`#102d66`
`border`	Hairlines, dividers, input borders	`#dcdbd9`	`rgb(220 219 217)`	`#1e1e1e`

متغيرات CSS

كل لون كخاصية مخصصة مسماة بدورها. تظهر كتلة الوضع الداكن عندما يكون للموقع سمة داكنة.

1:root {
2  --color-background: #f1f0ee;
3  --color-surface: #ffffff;
4  --color-surface-2: #e4e3e1;
5  --color-foreground: #101010;
6  --color-muted-foreground: #343434;
7  --color-primary: #ff00f4;
8  --color-on-primary: #111111;
9  --color-secondary: #98eafd;
10  --color-border: #dcdbd9;
11}
12
13[data-theme="dark"] {
14  --color-background: #101010;
15  --color-surface: #2b2319;
16  --color-surface-2: #1a1a1a;
17  --color-foreground: #ffffff;
18  --color-muted-foreground: #8a8a8a;
19  --color-primary: #6c0063;
20  --color-on-primary: #ffffff;
21  --color-secondary: #102d66;
22  --color-border: #1e1e1e;
23}

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/relume.ai/DESIGN.md

اللوحة

أسئلة

ما ألوان علامة relume.ai؟

ما كود hex الخاص بـ relume.ai؟

كيف أستخدم ألوان relume.ai في Tailwind أو CSS؟