Pular para o conteúdo
Lab·Hero rules · 6 variantes

Seis variantes de tratamento da hero h1 com “linhas de construção”. Role pra comparar — cada uma ocupa uma seção full-width.

Variante A · Anatomia · blueprint

capxbaselineLevo AI pracapxbaselinecada designer.

Linhas dashed em accent marcando cap-height, x-height e baseline (com métrica real do Inter Tight). Labels mono na esquerda. Vibe planta arquitetônica.

Variante B · Crosshair / régua
0,0xy

Levo AI pracada designer.

Cruz central + marcador no centro. Vibe canvas Figma.

Variante C · Underline + overline edge-to-edge

Levo AI pracada designer.

Linhas finas full-width acima e abaixo de cada linha do título. Vibe Swiss / pull-quote editorial.

Variante D · Strikethrough accent

Levo AI pracada designer.

Uma única linha grossa do accent atravessando todo o título no meio. Vibe statement / marker.

Variante E · CAD / dimensões
100%
2 lines
clamp(72,13vw,260)

Levo AI pracada designer.

Cotas técnicas com setas e medidas (260px / 13vw) ao redor do título. Vibe spec / desenho técnico.

Variante F · Pentagrama (5 linhas)

Levo AI pracada designer.

Cinco linhas paralelas atravessando os dois rows do título, como um pentagrama musical. Vibe partitura / classical.