Renkler
how.studio renk paleti
how.studio, sayfalarını #f9f8f2 zemin ve #333333 metinle kuruyor; tek bir vurgu rengi yok. Aşağıdaki 4 renk canlı siteden ölçüldü.
how.studio sitesinden 4 gün önce ölçüldü.
Palet
4 renk| Renkler | Rol | 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) |
- Sayfa zemini üzerinde metin
- 11.87: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: #f9f8f2;
--color-surface: #edebe2;
--color-foreground: #333333;
--color-muted-foreground: #666666;
}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/how.studio/DESIGN.mdSorular
how.studio hex kodu nedir?
how.studio sitesinin vurgu rengi #333333; sayfa zemini #f9f8f2, ana metin rengi #333333. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.
how.studio 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.