Fine Studio — Design System

Typeface — Helvetica Neue

Type scale · 5 niveles

H1 · Display · .t-display

Redefining tattoo

Uso: hero, booking, servicios, títulos de sección
Size: clamp 34→88px
Weight: 600
Line-height: 1.0
Tracking: −0.04em · MAYÚS

H2 · Heading · .t-h2

The Artists

Uso: subtítulos grandes
Size: clamp 24→40px
Weight: 600
Line-height: 1.05
Tracking: −0.02em · MAYÚS

H3 · .t-h3

Custom tattooing

Uso: títulos medios
Size: clamp 18→26px
Weight: 600
Line-height: 1.12
Tracking: −0.01em · MAYÚS

H4 · .t-h4

Free consultation

Uso: títulos pequeños
Size: clamp 15→18px
Weight: 600
Line-height: 1.2
Tracking: 0 · MAYÚS

H5 · .t-h5

Aftercare guide

Uso: el más pequeño en mayús + bold
Size: 13px
Weight: 600
Line-height: 1.2
Tracking: 0.06em · MAYÚS

Lead · .t-lead

An interdisciplinary art space rooted in craft.

Uso: Vision, statements, texto destacado
Size: clamp 22→40px
Weight: 500
Line-height: 1.1
Tracking: −0.02em

Body · .t-body

Texto de cuerpo para párrafos, descripciones y contenido corrido. Cómodo de leer, neutral.

Uso: párrafos, descripciones
Size: 14px
Weight: 400
Line-height: 1.6
Tracking: 0

Label · .t-label

Book a session · Artists · 01

Uso: nav, botones, eyebrows, números, links
Size: 11px
Weight: 500
Line-height: 1
Tracking: 0.2em · MAYÚS

Color

Ink

#0A0A0A

Warm grey

#8D8887

Background

#FCFCFB

White

#FFFFFF

Layout

Ancho de contenido: 97% del viewport · Gap entre imágenes (grid): 10px · Botones: cuadrados (sin radio) · Nav: 80px, aparece al primer scroll