Colores
La paleta de colores de voiceflow.com
voiceflow.com construye sus páginas sobre #f2f7f7 con texto #1a1e23 y #397dff como acento, el color de sus botones principales y enlaces. Los 10 colores de abajo se midieron en el sitio en vivo.
Medido en voiceflow.com hace 4 días.
Paleta
10 colores| Colores | Rol | 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) |
- Texto sobre el fondo de la página
- 15.49:1 · cumple WCAG AA
- Texto sobre el acento
- 4.99:1 · cumple WCAG AA
Variables CSS
Cada color como propiedad personalizada, con el nombre de su rol. El bloque oscuro aparece cuando el sitio tiene tema oscuro.
: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;
}Para agentes de IA
El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.
curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.mdPreguntas
¿Cuáles son los colores de marca de voiceflow.com?
Los colores principales de voiceflow.com son #397dff (acento), #f2f7f7 (fondo) y #1a1e23 (texto). La paleta completa de 10 colores, con el rol de cada uno, está en esta página como códigos hex.
¿Cuál es el código hex de voiceflow.com?
El color de acento de voiceflow.com es #397dff; el fondo de la página es #f2f7f7 y el color principal del texto, #1a1e23. Cada uno se mide en la página renderizada, así que es lo que ven los visitantes, no un valor de una guía de estilo.
¿Cómo uso los colores de voiceflow.com en Tailwind o CSS?
Copia las variables CSS o el tema de Tailwind v4 de esta página, o descarga el paquete de diseño: incluye tokens.json (tokens de diseño W3C), tokens.css y tailwind.css con los mismos valores.