Design tokens

Redesign primitives

Scratch route for visual validation of Fase 1.2 primitives. Remove before merging to main.


Typography

Display 72

Heading 1 · 60

Heading 2 · 48

Heading 3 · 40

Heading 4 · 32

Heading 5 · 24

Heading 6 · 20

Lead · 16 SemiBold

Paragraph base · 16 Regular

Uppercase · 16 / 6


Color palette

Plum

plum-100

var(--ya-plum-100)

plum-400

var(--ya-plum-400)

plum-500

var(--ya-plum-500)

Indigo (Yago)

indigo-100

var(--ya-indigo-100)

indigo-200

var(--ya-indigo-200)

indigo-400

var(--ya-indigo-400)

indigo-500

var(--ya-indigo-500)

Accents

accent-1

var(--ya-accent-1)

accent-1-light

var(--ya-accent-1-light)

accent-2

var(--ya-accent-2)

accent-2-light

var(--ya-accent-2-light)

Neutrals

bg-white

var(--ya-bg-white)

neutral-clean

var(--ya-neutral-clean)

neutral

var(--ya-neutral)

dark

var(--ya-dark)


Gradients

plum-dark

var(--ya-gradient-plum-dark)

Others (plum-indigo-light, indigo-dark, radial 1/2) pending — capture when seen in sections.


ContactButton

Hover to see gradient chip state.


Badges

+30-point CSAT improvement +30-point CSAT improvement +30-point CSAT improvement +30-point CSAT improvement

TextLinks

Yago — Vendedor IA en WhatsApp