ما ألوان علامة linear.app؟

ألوان linear.app الرئيسية هي #e5e5e6 (اللون المميز) و#08090a (الخلفية) و#f7f8f8 (النص). اللوحة الكاملة من 10 ألوان، مع دور كل منها، موجودة في هذه الصفحة بأكواد hex.

ما كود hex الخاص بـ linear.app؟

اللون المميز في linear.app هو #e5e5e6؛ خلفية الصفحة #08090a ولون النص الرئيسي #f7f8f8. كل قيمة مقاسة من الصفحة المعروضة، فهي ما يراه الزوار، لا قيمة من دليل أنماط.

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

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

لوحة ألوان linear.app: أكواد hex وCSS

اللوحة

10 ألوان

الألوان	الدور	Hex	RGB	فاتح / داكن
`background`	Page background	`#08090a`	`rgb(8 9 10)`	`#08090a`
`surface`	Cards, panels, raised or recessed surfaces	`#101112`	`rgb(16 17 18)`	`#101112`
`surface-2`	Secondary surface	`#1c1d1e`	`rgb(28 29 30)`	`#1c1d1e`
`surface-3`	Secondary surface	`#07220a`	`rgb(7 34 10)`
`foreground`	Primary text	`#f7f8f8`	`rgb(247 248 248)`	`#f7f8f8`
`muted-foreground`	Secondary text, captions	`#8a8f98`	`rgb(138 143 152)`	`#8a8f98`
`primary`	Candidate accent (semantic role inferred)	`#e5e5e6`	`rgb(229 229 230)`	`#e5e5e6`
`on-primary`	Text on the accent	`#111111`	`rgb(17 17 17)`	`#111111`
`secondary`	Secondary accent (violet)	`#5e6ad2`	`rgb(94 106 210)`	`#5e6ad2`
`border`	Hairlines, dividers, input borders	`#1c1d1e`	`rgb(28 29 30)`	`#1c1d1e`

متغيرات CSS

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

1:root {
2  --color-background: #08090a;
3  --color-surface: #101112;
4  --color-surface-2: #1c1d1e;
5  --color-surface-3: #07220a;
6  --color-foreground: #f7f8f8;
7  --color-muted-foreground: #8a8f98;
8  --color-primary: #e5e5e6;
9  --color-on-primary: #111111;
10  --color-secondary: #5e6ad2;
11  --color-border: #1c1d1e;
12}
13
14[data-theme="dark"] {
15  --color-background: #08090a;
16  --color-surface: #101112;
17  --color-surface-2: #1c1d1e;
18  --color-foreground: #f7f8f8;
19  --color-muted-foreground: #8a8f98;
20  --color-primary: #e5e5e6;
21  --color-on-primary: #111111;
22  --color-secondary: #5e6ad2;
23  --color-border: #1c1d1e;
24}

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

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

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

اللوحة

أسئلة

ما ألوان علامة linear.app؟

ما كود hex الخاص بـ linear.app؟

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