Colores
La paleta de colores de arc.net
arc.net construye sus páginas sobre #0b0b0b con texto #000000 y #3139fb como acento, el color de sus botones principales y enlaces. Los 9 colores de abajo se midieron en el sitio en vivo.
Medido en arc.net hace 6 días.
Paleta
9 colores| Colores | Rol | 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) |
- Texto sobre el fondo de la página
- 1.07:1 · por debajo de WCAG AA
- Texto sobre el acento
- 6.75: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: #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;
}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/arc.net/DESIGN.mdPreguntas
¿Cuáles son los colores de marca de arc.net?
Los colores principales de arc.net son #3139fb (acento), #0b0b0b (fondo) y #000000 (texto). La paleta completa de 9 colores, con el rol de cada uno, está en esta página como códigos hex.
¿Cuál es el código hex de arc.net?
El color de acento de arc.net es #3139fb; el fondo de la página es #0b0b0b y el color principal del texto, #000000. 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 arc.net 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.