Estilo Brutalista
Paleta de Colores
Pure Black
#000000
Estructura, Bordes, Texto
Neon Red
#FF5252
Acentos, Hover, CTAs
Concrete Grey
#F0F0F0
Fondos, Superficies
Pure White
#FFFFFF
Contraste, Bloques
Tipografía
WE ARE RAW
H1 • Bold • Uppercase
"Form follows function"
Body • Regular
BUTTON_ACTION
Component • Bordered
Principios Visuales
Bordes Duros (Hard Borders)
Líneas de 2px-4px sólidas. Nada de suavidad. Delimitan el contenido con agresividad visual para estructurar la información sin ambigüedades.
Sombras Sólidas (Hard Shadows)
Sin desenfoque (blur: 0). Las sombras son bloques de color sólido desplazados (box-shadow: 4px 4px 0px #000) que dan una sensación física y táctil.
Colores de Alto Contraste
Uso de colores seguros para la web (Web Safe) o neones puros sobre fondos monocromáticos para guiar la atención de forma inmediata.
Exposición del Grid
Las líneas de la rejilla no se esconden, se celebran. El layout es parte del contenido.