/tg. Pattern Library

01 Dot Grids

Fundo escuro. Pontos laranja em grid regular.

.pattern-dot-grid 16px spacing

.pattern-dot-grid--dense 8px spacing

.pattern-dot-grid--sparse 32px spacing, larger dots

Fundo creme. Grids de linhas com interseções.

.pattern-crosshair 80px grid com dot intersections

.pattern-crosshair--tight 40px grid

.pattern-wireframe Perspective grid com radial glow

Fundo escuro. Molduras e recortes estruturais.

.frame-bracket Cantos top-left + bottom-right

.frame-bracket--full Todos os 4 cantos

.frame-notch-tr Clip-path notch top-right 16px

.frame-notch-both Notch em ambos os cantos

Fundo creme. Diagonais e marcas de barra.

.pattern-slash Repeating diagonal / at 10% opacity

.pattern-slash--dense Repetição mais densa

.pattern-slash-dot Alternando / e . em grid

Fundo escuro. Texturas industriais e ruído.

.pattern-scanlines Linhas horizontais 2px, 15% opacity

.pattern-noise SVG fractal noise grain

.pattern-signal-rain Linhas verticais com gradient fade

.pattern-industrial Multi-stop gradient brushed metal

Fundo creme. Separadores decorativos.

.divider-signal Gradient line transparente para laranja

.divider-slash Linha com marcas / repetidas

.divider-dot Linha de pontos

.divider-double Duas linhas paralelas com gradient