Referencia interna · No indexada
Sistema visual
Todo lo que el sitio puede usar está en esta página. Si algo no aparece aquí, no debería aparecer allí. La dirección de arte sigue a onstrider.com; el contenido y las reglas de honestidad del encargo no cambian.
Paleta
--crema
#FFFFF3
El campo del sitio. Cálido, no blanco.
--panel
#F0F0E2
Tarjetas claras, barras y bandas.
--granate
#381113
Texto principal, botones oscuros y pie.
--granate-medio
#5E1A10
Titulares secundarios, cifras, tarjeta 4.
--tenue
#6B4A43
Texto secundario.
--oxido
#8A3700
Etiquetas, enlaces de la cabecera, tarjeta 1.
--ladrillo
#7A2E0B
Tarjeta 3.
--cobre
#A44200
Tarjeta 2 y acento de interfaz.
--naranja
#BC6529
Nodos, signos y la marca del pie. Texto grande o nada.
--arena
#C49A7A
Franjas. Nunca texto.
--mandarina
#E08A4C
Rótulos sobre granate.
--limon
#F2F3AE
Texto sobre granate.
Contraste
Calculado en el build a partir de los hex de arriba.
| Combinación | Rol | Ratio | Nivel |
|---|---|---|---|
| Aa | texto principal | 16.58:1 | AAA |
| Aa | texto secundario | 7.76:1 | AAA |
| Aa | texto secundario sobre panel | 6.80:1 | AA |
| Aa | etiquetas y enlaces | 7.94:1 | AAA |
| Aa | etiqueta dentro de un chip | 6.95:1 | AA |
| Aa | texto sobre la tarjeta 1 | 7.94:1 | AAA |
| Aa | texto sobre la tarjeta 2 | 6.21:1 | AA |
| Aa | texto sobre la tarjeta 3 | 9.38:1 | AAA |
| Aa | texto sobre la tarjeta 4 | 12.78:1 | AAA |
| Aa | botón oscuro y pie | 14.48:1 | AAA |
| Aa | rótulos del pie | 6.29:1 | AA |
| Aa | solo grafismo y texto grande | 4.14:1 | AA grande |
| Aa | PROHIBIDO como texto: solo franjas | 2.53:1 | insuficiente |
| Aa | alianza: crema sobre índigo de Kommo | 18.93:1 | AAA |
| Aa | alianza: lavanda sobre índigo de Kommo | 9.11:1 | AAA |
Escala
--t-display
Su tecnología, operada por alguien más.
--t-titulo-mayor
Ocho servicios, un solo proveedor.
--t-titulo
Cómo se cobra
--t-subtitulo
Se paga una vez
--t-bajada
Implementamos los sistemas que su empresa necesita.
--t-etiqueta
Servicios tecnológicos gestionados