Renkler
linear.app renk paleti
linear.app, sayfalarını #08090a zemin ve #f7f8f8 metinle kuruyor; vurgu rengi ise #e5e5e6, yani birincil düğmelerinin ve bağlantılarının rengi. Aşağıdaki 10 renk canlı siteden ölçüldü.
linear.app sitesinden 4 gün önce ölçüldü.
Palet
10 renk| Renkler | Rol | Hex | RGB | Açık / koyu |
|---|---|---|---|---|
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 |
- Sayfa zemini üzerinde metin
- 18.73:1 · WCAG AA geçiyor
- Vurgu rengi üzerinde metin
- 15.00:1 · WCAG AA geçiyor
CSS değişkenleri
Her renk, rolüne göre adlandırılmış bir özel özellik (custom property) olarak. Sitenin koyu teması varsa koyu blok da burada.
: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;
}Yapay zeka ajanları için
Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.
curl -s https://stylepack.ai/packs/linear.app/DESIGN.mdSorular
linear.app marka renkleri nelerdir?
Başlıca linear.app renkleri #e5e5e6 (vurgu), #08090a (zemin) ve #f7f8f8 (metin). 10 renkten oluşan tam palet, her birinin rolüyle birlikte, bu sayfada hex kodu olarak yer alıyor.
linear.app hex kodu nedir?
linear.app sitesinin vurgu rengi #e5e5e6; sayfa zemini #08090a, ana metin rengi #f7f8f8. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.
linear.app renklerini Tailwind ya da CSS içinde nasıl kullanırım?
Bu sayfadaki CSS değişkenlerini ya da Tailwind v4 temasını kopyalayın veya tasarım paketini indirin: aynı değerlerle tokens.json (W3C tasarım token’ları), tokens.css ve tailwind.css içerir.