· GLOVION RADAR ·

Styleguide

Sprint 2 · Paso 3 — Validación visual del Design System Premium Gold. Tipografías, paleta, sombras y primitivos.

Tipografías

Playfair · Cormorant · Inter

Playfair Display — Hero

Glovion

Cormorant Garamond — Tagline decorativo

· RADAR ·

Page title (H1) — Playfair 700, 32px

Dashboard

Card title — Playfair 700, 17px

Productos validados esta semana

Stat value — Playfair 800, 36px

US$ 4.281,50

Body — Inter 400, 14px

Encontrá productos virales antes que la competencia. Calculá la rentabilidad real en pesos argentinos en segundos.

Label / chip — Inter 700 uppercase, 11px

ÚLTIMOS 7 DÍAS

Body small — Inter 500, 13px

Modo Courier Comercial · CABA · IIBB 2,5%

Paleta · Oro Real

Basada en lingote

50

#FFF9E6

100

#FFF0B8

200

#FFE080

300

#FFD14D

400 ★

#F5B82E

500

#D99E0B

600

#B07D00

700

#7A5500

hl

#FFE580

shdw

#8B6914

Fondos oscuros

bg-0 (más oscuro) → bg-5 (hover)

bg-0

#050607

bg-1

#0A0B10

bg-2

#0F1017

bg-3

#15171F

bg-4

#1D202B

bg-5

#252935

Texto cálido & bordes

Off-white sobre oscuro

text — F5F4F0 (off-white cálido)

text-2 — CAC6BB (gris cálido)

text-dim — 8C8678

text-muted — 5A5449

border — 262B38
border-hi — 3A4154
border-gold — gold-400 @ 25%

Gradientes

Lingote · Shine · Dark luxury · Spot gold

grad-gold-lingote

grad-dark-luxury

grad-spot-gold (sobre bg-0)

grad-gold-shine (animado en hover)

Sombras premium

card · gold · gold-hi · deep

shadow-card

shadow-gold

shadow-gold-hi

shadow-deep

GoldChip · Score (GCS)

Hot ≥85 · Warm 70-84 · Cool <70

928778716442SIN SCOREGANADORVIRAL

Uso típico: <GoldChip score={87} /> autoselecciona variante; <GoldChip variant="warm">GANADOR</GoldChip> permite texto custom.

ButtonGold

gold · gold-shine · gold-outline · gold-ghost

PremiumCard

Borde superior dorado · hover lift

Productos validados

Últimos 7 días

24

+12% vs semana anterior

Margen promedio

Productos en watchlist

68,5%

12 productos analizados

Score promedio

Glovion Checklist Score

81

81

Componentes shadcn (intactos)

Verificación de remapeo de variables

Card de shadcn

Si esta card se ve oscura con borde sutil y este texto en gris cálido, el remapeo de variables shadcn → Oro Real está OK.