Farben
Die Farbpalette von voiceflow.com
voiceflow.com baut seine Seiten auf #f2f7f7 mit Text in #1a1e23 und #397dff als Akzent, der Farbe seiner primären Buttons und Links. Die 10 Farben unten wurden auf der Live-Seite gemessen.
vor 4 Tagen auf voiceflow.com gemessen.
Palette
10 Farben| Farben | Rolle | Hex | RGB |
|---|---|---|---|
background | Page background | #f2f7f7 | rgb(242 247 247) |
surface | Cards, panels, raised or recessed surfaces | #ffffff | rgb(255 255 255) |
surface-2 | Secondary surface | #f1f2f2 | rgb(241 242 242) |
surface-3 | Secondary surface | #d3e5f4 | rgb(211 229 244) |
foreground | Primary text | #1a1e23 | rgb(26 30 35) |
muted-foreground | Secondary text, captions | #515a63 | rgb(81 90 99) |
primary | Candidate accent (semantic role inferred) | #397dff | rgb(57 125 255) |
on-primary | Text on the accent | #111111 | rgb(17 17 17) |
secondary | Secondary accent (teal) | #008069 | rgb(0 128 105) |
border | Hairlines, dividers, input borders | #e2e4e5 | rgb(226 228 229) |
- Text auf dem Seitenhintergrund
- 15.49:1 · erfüllt WCAG AA
- Text auf dem Akzent
- 4.99: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: #f2f7f7;
--color-surface: #ffffff;
--color-surface-2: #f1f2f2;
--color-surface-3: #d3e5f4;
--color-foreground: #1a1e23;
--color-muted-foreground: #515a63;
--color-primary: #397dff;
--color-on-primary: #111111;
--color-secondary: #008069;
--color-border: #e2e4e5;
}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/voiceflow.com/DESIGN.mdFragen
Was sind die Markenfarben von voiceflow.com?
Die Hauptfarben von voiceflow.com sind #397dff (Akzent), #f2f7f7 (Hintergrund) und #1a1e23 (Text). Die vollständige Palette aus 10 Farben, mit der Rolle jeder Farbe, steht auf dieser Seite als Hex-Codes.
Was ist der Hex-Code von voiceflow.com?
Die Akzentfarbe auf voiceflow.com ist #397dff; der Seitenhintergrund ist #f2f7f7 und die Haupttextfarbe #1a1e23. Jede ist an der gerenderten Seite gemessen, also das, was Besucher sehen, kein Wert aus einem Styleguide.
Wie nutze ich die Farben von voiceflow.com 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.