Panel GLDV · Fase 1

Andamiaje y sistema de marca

Página temporal de verificación. Los botones de abajo no llevan una sola clase de color: salen en marino porque los tokens semánticos de shadcn están remapeados sobre la paleta de GLDV.

Botones

El primero es <Button> pelado. Al pasar el cursor va a marino claro (#2c3a5c), el hover de marca — no marino translúcido. El anillo de foco es oro: probá con Tab.

Escala tipográfica de aplicación

Título de sección o card — 1.125rem / 600

Deliberadamente densa. El sitio de marketing usa un h1 de hasta 5.2rem; una app con tablas y formularios no puede.

Título de página — 1.5rem / 600

Cuerpo y celda de tabla — 0.875rem / 400, line-height 1.5

Etiqueta de formulario — 0.8125rem / 500

Eyebrow — 0.7rem / 700 / tracking 0.18em

Paleta de marca

Marino

#1b2340

blanco encima: 15.4:1

Marino claro

#2c3a5c

hover del primario

Oro

#c4963a

solo líneas y sobre marino

Oro texto

#8b6000

sobre blanco: 5.6:1 · AA

Azul resalte

#dfe7ff

resalte de menú

Crema

#f8f7f4

cards, encabezado de tabla

Borde

#e5e2db

divisores

Texto

#374151

sobre blanco: 10.3:1 · AAA

Texto suave

#6b7280

sobre blanco: 4.8:1 · AA

Colores de estado

No son colores de marca: solo comunican estado de tarea. Los badges reales se construyen en la Fase 4 — acá están para revisar los valores. Emergencia y Vencida se separan por forma (relleno contra contorno), no por tono: ningún par de rojos se distingue lo suficiente por color solo.

Emergencia

#c0392b

5.4:1 · AA

En curso

#994a00

6.3:1 · AA · era #b7791f

Completada

#2f7a4f

5.2:1 · AA

Vencida

#751e26

10.7:1 · AA · era #9b2c2c

Tabla y badges

Tarea	Empresa	Estado
Encabezado en crema, cuerpo en blanco	El Recreo	Primario
Los badges de estado llegan en la Fase 4	Landed Coffee	SecundarioContorno