Farben
Die Farbpalette von arc.net
arc.net baut seine Seiten auf #0b0b0b mit Text in #000000 und #3139fb als Akzent, der Farbe seiner primären Buttons und Links. Die 9 Farben unten wurden auf der Live-Seite gemessen.
vor 6 Tagen auf arc.net gemessen.
Palette
9 Farben| Farben | Rolle | Hex | RGB |
|---|---|---|---|
background | Page background | #0b0b0b | rgb(11 11 11) |
surface | Cards, panels, raised or recessed surfaces | #282828 | rgb(40 40 40) |
surface-2 | Secondary surface | #1a1a1a | rgb(26 26 26) |
surface-3 | Secondary surface | #040404 | rgb(4 4 4) |
foreground | Primary text | #000000 | rgb(0 0 0) |
primary | Candidate accent (semantic role inferred) | #3139fb | rgb(49 57 251) |
on-primary | Text on the accent | #ffffff | rgb(255 255 255) |
secondary | Secondary accent (orange) | #ff5f57 | rgb(255 95 87) |
border | Hairlines, dividers, input borders | #19191b | rgb(25 25 27) |
- Text auf dem Seitenhintergrund
- 1.07:1 · unter WCAG AA
- Text auf dem Akzent
- 6.75:1 · erfüllt WCAG AA
CSS-Variablen
Jede Farbe als Custom Property, benannt nach ihrer Rolle. Der Dark-Block ist da, wenn die Seite ein dunkles Theme hat.
:root {
--color-background: #0b0b0b;
--color-surface: #282828;
--color-surface-2: #1a1a1a;
--color-surface-3: #040404;
--color-foreground: #000000;
--color-primary: #3139fb;
--color-on-primary: #ffffff;
--color-secondary: #ff5f57;
--color-border: #19191b;
}Für KI-Agenten
Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.
curl -s https://stylepack.ai/packs/arc.net/DESIGN.mdFragen
Was sind die Markenfarben von arc.net?
Die Hauptfarben von arc.net sind #3139fb (Akzent), #0b0b0b (Hintergrund) und #000000 (Text). Die vollständige Palette aus 9 Farben, mit der Rolle jeder Farbe, steht auf dieser Seite als Hex-Codes.
Was ist der Hex-Code von arc.net?
Die Akzentfarbe auf arc.net ist #3139fb; der Seitenhintergrund ist #0b0b0b und die Haupttextfarbe #000000. Jede ist an der gerenderten Seite gemessen, also das, was Besucher sehen, kein Wert aus einem Styleguide.
Wie nutze ich die Farben von arc.net in Tailwind oder CSS?
Kopiere die CSS-Variablen oder das Tailwind v4 Theme auf dieser Seite, oder lade das Designpaket herunter: Es enthält tokens.json (W3C Design-Tokens), tokens.css und tailwind.css mit denselben Werten.