Warna
Palet warna linear.app
linear.app membangun halamannya di atas #08090a dengan teks #f7f8f8 dan #e5e5e6 sebagai aksen, warna tombol utama dan tautannya. 10 warna di bawah ini diukur dari situs aslinya.
Diukur dari linear.app 4 hari yang lalu.
Palet
10 warna| Warna | Peran | Hex | RGB | Terang / gelap |
|---|---|---|---|---|
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 |
- Teks di atas latar halaman
- 18.73:1 · lolos WCAG AA
- Teks di atas aksen
- 15.00:1 · lolos WCAG AA
Variabel CSS
Setiap warna sebagai custom property, dinamai menurut perannya. Blok gelap muncul bila situs punya tema gelap.
:root {
--color-background: #08090a;
--color-surface: #101112;
--color-surface-2: #1c1d1e;
--color-surface-3: #07220a;
--color-foreground: #f7f8f8;
--color-muted-foreground: #8a8f98;
--color-primary: #e5e5e6;
--color-on-primary: #111111;
--color-secondary: #5e6ad2;
--color-border: #1c1d1e;
}
[data-theme="dark"] {
--color-background: #08090a;
--color-surface: #101112;
--color-surface-2: #1c1d1e;
--color-foreground: #f7f8f8;
--color-muted-foreground: #8a8f98;
--color-primary: #e5e5e6;
--color-on-primary: #111111;
--color-secondary: #5e6ad2;
--color-border: #1c1d1e;
}Untuk agen AI
Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.
curl -s https://stylepack.ai/packs/linear.app/DESIGN.mdPertanyaan
Apa warna brand linear.app?
Warna utama linear.app adalah #e5e5e6 (aksen), #08090a (latar), dan #f7f8f8 (teks). Palet lengkap 10 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.
Apa kode hex linear.app?
Warna aksen di linear.app adalah #e5e5e6; latar halamannya #08090a dan warna teks utamanya #f7f8f8. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna linear.app di Tailwind atau CSS?
Salin variabel CSS atau tema Tailwind v4 di halaman ini, atau unduh paket desainnya: di dalamnya ada tokens.json (design token W3C), tokens.css, dan tailwind.css dengan nilai yang sama.