Warna
Palet warna relume.ai
relume.ai membangun halamannya di atas #f1f0ee dengan teks #101010 dan #ff00f4 sebagai aksen, warna tombol utama dan tautannya. 9 warna di bawah ini diukur dari situs aslinya.
Diukur dari relume.ai 4 hari yang lalu.
Palet
9 warna| Warna | Peran | Hex | RGB | Terang / gelap |
|---|---|---|---|---|
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 |
- Teks di atas latar halaman
- 16.71:1 · lolos WCAG AA
- Teks di atas aksen
- 5.90: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: #f1f0ee;
--color-surface: #ffffff;
--color-surface-2: #e4e3e1;
--color-foreground: #101010;
--color-muted-foreground: #343434;
--color-primary: #ff00f4;
--color-on-primary: #111111;
--color-secondary: #98eafd;
--color-border: #dcdbd9;
}
[data-theme="dark"] {
--color-background: #101010;
--color-surface: #2b2319;
--color-surface-2: #1a1a1a;
--color-foreground: #ffffff;
--color-muted-foreground: #8a8a8a;
--color-primary: #6c0063;
--color-on-primary: #ffffff;
--color-secondary: #102d66;
--color-border: #1e1e1e;
}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/relume.ai/DESIGN.mdPertanyaan
Apa warna brand relume.ai?
Warna utama relume.ai adalah #ff00f4 (aksen), #f1f0ee (latar), dan #101010 (teks). Palet lengkap 9 warna, beserta peran masing-masing, ada di halaman ini sebagai kode hex.
Apa kode hex relume.ai?
Warna aksen di relume.ai adalah #ff00f4; latar halamannya #f1f0ee dan warna teks utamanya #101010. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna relume.ai 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.