Portfolio for Developers Concept V.2
Los tokens del diseño implementados en Tailwind CSS v4 — color, spacing, tipografía, radius, botones e iconos.
Escalas 50–950 de la paleta por defecto de Tailwind v4. El paso marcado es elMain de cada rol.
Appearance / Slate
50
100
200
300
400
500
600
700
800
900
950
Primary / Orange · Main 300
50
100
200
300
400
500
600
700
800
900
950
Secondary / Teal · Main 400
50
100
200
300
400
500
600
700
800
900
950
Secondary / Indigo · Main 500
50
100
200
300
400
500
600
700
800
900
950
Accent / Purple · Main 400
50
100
200
300
400
500
600
700
800
900
950
Secondary / Rose · Main 300
50
100
200
300
400
500
600
700
800
900
950
Neutral / Grey
50
100
200
300
400
500
600
700
800
900
950
Error / Red · Main 500
50
100
200
300
400
500
600
700
800
900
950
Success / Green · Main 500
50
100
200
300
400
500
600
700
800
900
950
Info / Yellow · Main 500
50
100
200
300
400
500
600
700
800
900
950
Escala de 10 pasos. Mapea 1:1 con las utilidades de spacing de Tailwind.
Fira Code — peso Retina (450) y Bold (700).
Valores de border-radius por tipo de elemento.
2px · checkboxes
4px · icon boxes
8px · buttons / inputs
16px · cards
Todos los CTA (pasa el cursor para ver el estado hover).
Remix Icon pack.