Traffic Licores · Design System

Tokens, componentes y reglas de uso. Licores 24/7, pedidos directos por WhatsApp.

Paleta de colores

TL Primary

#FF7A00

CTAs, precios, acentos de marca

TL Primary Hover

#FF5500

Hover y activo del botón primario

TL Background Dark

#0F1015

Fondo de página y secciones

TL Surface Card

#1B1C22

Tarjetas, inputs, menús

TL Text Primary

#FFFFFF

Títulos y texto principal

TL Text Muted

#A0A5B5

Descripciones, metadatos, placeholders

TL WhatsApp Green

#25D366

Botón Pedir por WhatsApp, éxito

TL Border

rgba(255,255,255,0.08)

Bordes de tarjetas y divisores

TL Disabled

#3A3D48

Botones e inputs deshabilitados

Escala tipográfica

H1 · Poppins 800 · 3.5rem / 1.1

Tu noche, a un mensaje

H2 · Poppins 700 · 2.5rem / 1.15

Las más pedidas hoy

H3 · Poppins 600 · 1.75rem / 1.25

Whisky y ron

H4 · Poppins 600 · 1.25rem / 1.3

Aguardiente Antioqueño 750ml

Body Regular · Inter 400 · 1rem / 1.6

Entrega en 30 minutos, las 24 horas, todos los días.

Body Small · Inter 400 · 0.875rem / 1.5

Pedidos directos por WhatsApp, sin registro.

Metadatos · Inter 500 · 0.75rem / 1.4

750 ml · 40% alc · SKU TL-0042

Botones y CTAs

Estado

Primario

Outline

Normal

Hover

Activo

Deshabilitado

Componentes atómicos

Badges

-20%

30 min

Agotado

Inputs de formulario (normal, foco, error, deshabilitado)

Chips de categoría

Traffic Card (tarjeta de producto)

Aguardiente Antioqueño 750ml

Licor de caña · Antioquia

$68.900

~~$74.900~~

-20%

Aguardiente Antioqueño 750ml

Licor de caña · Antioquia

$68.900

~~$74.900~~

Agotado

Aguardiente Antioqueño 750ml

Licor de caña · Antioquia

$68.900

~~$74.900~~