Geometría precisaContorno cuadrado, biseles e intervalos uniformes.
Acento cálidoEl naranja ocupa una pequeña parte de la pantalla, solo para lo principal.
Movimiento comprensibleUna acción, un cambio breve.
02
Carácter de la marca
Precisión tecnológica, superficies sobrias y un acento cálido. A continuación se describen principios de estilo observables, no una interpretación del símbolo.
GeometríaUn contorno cuadrado con esquinas redondeadas: un espacio y un límite de acceso.
MaterialesGrafito mate y una sola arista de color ámbar.
Una sola redTexto explicativo sobrio
TipografíaUna palabra grande y clara con una explicación sobria.
MovimientoCausa → cambio → resultado.
03
Logotipo
Composición actual del sitio: símbolo y nombre NODQ. El original vectorial aprobado aún no se ha publicado, por lo que no se puede descargar el logotipo.
NODQ
Composición principal · símbolo + NODQSímbolo · estado como recurso independiente no aprobadoTamaños pequeños · 32 / 24 / 16 px — comprobación de legibilidad
El damero solo es el fondo de la vista previa. No se muestran versiones monocromas ni favicon: no hay archivos originales.
Área de protección
NODQ
Propuesta, no una norma vigente: x = ¼ de la altura del símbolo, espacio libre ≥ 1x en todos los lados.
Tamaño mínimoCandidatos para comprobar: composición desde 120 px de ancho, símbolo desde 24 px. El favicon de 16/32/48 px es un recurso independiente que requiere verificación.Propuesta · requiere aprobación
No se debe hacer
NODQ
✕ No estirar
NODQ
✕ No girar
NODQ
✕ No cambiar los colores
NODQ
✕ Sin sombras ajenas
El objeto tridimensional de la página de inicio es un recurso decorativo; cuando se necesita un símbolo reproducible, se utiliza el logotipo plano.
04
Colores
Los valores coinciden con los tokens del sitio y los archivos nodq-tokens.css / .json.
Naranja NODQAcento principal y CTA#F7931A · RGB 247, 147, 26
Fondo profundoFondo oscuro#0A0C0B · RGB 10, 12, 11
InkTexto oscuro y nombre sobre naranja#121613 · RGB 18, 22, 19
CTA al pasar el cursor#FFAA33
CTA pulsado#E3810C
Reflejo (gráfico)#FFBD59
Cara en sombra (gráfico)#D96800
Texto secundario · tema oscuro#B6BCB7
Texto secundario · tema claro#59625B
Enlace · tema claro#9A4A00
Éxito#8DD6AB / #166B40
Advertencia#FFD08A / #875000
Error#FF9B92 / #B7342A
Acento / seleccionado✓ Éxito! Advertencia✕ ErrorTexto principal · secundario · enlaceFoco del teclado
Contraste de pares: #121613 sobre #F7931A ≈ 7,95:1 · #F5F4F0 sobre #0A0C0B ≈ 17,8:1 · #9A4A00 sobre #F5F4F0 ≈ 5,7:1. No se utiliza texto blanco pequeño sobre naranja. Los valores CMYK/Pantone no están publicados.
05
Tipografía
Onest 400/500/600/700 y JetBrains Mono para direcciones y firmas. Los valores son los estilos reales del sitio.
Aa Bb 0123Onest · 400 / 500 / 600 / 700 · cirílico y latinoNormalMedioSeminegritaNegrita