Loli Tattoo · biblioteca visual

LOLI

fine line · blackwork · Mar del Plata

Step 1 — el sistema de diseño. Tokens, tipografía, botones, tratamiento de foto, la marca roja y el movimiento.


01 — Color

Paleta

Negro · carbón · hueso, y una sola marca roja. La piel (en las fotos) es el único color cálido de la página.

page
--color-bg
sunken
--surface-sunken
raised
--surface-raised
hairline
--border-hairline
bone
--bone-100
body
--grey-400
muted
--grey-500
red · the mark
--color-accent
02 — Tipografía

Cormorant Garamond · Inter

Aa

Eyebrow · widest tracking

Display 3xl

Heading 2xl

Heading xl

Lead — un renglón sereno en Cormorant, para frases que respiran.

“Tatuar es algo íntimo.” — la voz poética, en itálica.

Body — Inter en cuerpo, con interlínea generosa. Tatuajes delicados, pensados para sentarse bien en el cuerpo y llevarse para siempre. El texto largo se mantiene legible y tranquilo sobre el negro.

Muted — pies de foto y detalles secundarios.

03 — Botones

Acciones

Sin verde, sin relleno ruidoso. El rojo nunca se usa en botones — está reservado para la marca.

04 — Foto

Tratamiento

Desaturado, la piel queda cálida, la tinta negro real. (Acá simulado con gradientes — las fotos reales llegan en el paso 3.)

figure--scrim

Variantes: --frame · --scrim · --hero · --breathe (hover en escritorio).

05 — La marca

SÓLO NEGRO.
PARA SIEMPRE.

NO COLOR · NO COVER

El único color cromático de todo el sitio, usado una vez.

06 — Movimiento

Reveal

Cada bloque aparece con un fundido + deriva lenta al entrar en pantalla. Respeta prefers-reduced-motion.

delay 0ms
delay 120ms
delay 240ms
delay 360ms