relume.ai marka renkleri nelerdir?

Başlıca relume.ai renkleri #ff00f4 (vurgu), #f1f0ee (zemin) ve #101010 (metin). 9 renkten oluşan tam palet, her birinin rolüyle birlikte, bu sayfada hex kodu olarak yer alıyor.

relume.ai hex kodu nedir?

relume.ai sitesinin vurgu rengi #ff00f4; sayfa zemini #f1f0ee, ana metin rengi #101010. Her biri render edilmiş sayfadan ölçüldü, yani bir stil kılavuzundaki değer değil, ziyaretçilerin gördüğü renk.

relume.ai 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.

relume.ai renk paleti: hex kodları ve CSS

Palet

9 renk

Renkler	Rol	Hex	RGB	Açık / koyu
`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 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.

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}

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/relume.ai/DESIGN.md

Palet

Sorular

relume.ai marka renkleri nelerdir?

relume.ai hex kodu nedir?

relume.ai renklerini Tailwind ya da CSS içinde nasıl kullanırım?