Primitive 13 / Pattern library

Pattern library tile

Six repeating SVG patterns make up the texture system — carbon fibre, diamond plate, herringbone, dots, hatch, brushed metal. Each tile carries usage rules so the textures stay disciplined.

Production answer

Pattern library tile is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Pattern library tile states
Generative search brief

Pattern library tile: Six repeating SVG patterns make up the texture system — carbon fibre, diamond plate, herringbone, dots, hatch, brushed metal. Each tile carries usage rules so the textures stay disciplined.

Carbon fibre

High-performance product surfaces. Use sparingly — easy to overcook.

carbon-fibre
Diamond plate

Workshop floor backdrops and industrial overlays. Hold opacity under 35%.

diamond-plate
Herringbone

Marketing accents — backgrounds for stat-counter sections and editorial spreads.

herringbone
Telemetry dots

Data visualisation backgrounds. Pairs with the diagnostic teal swatch.

dots
Service hatch

Cross-hatch tied to the service amber — reserve for callouts and hot tips.

hatch
Brushed metal

Chrome surfaces — toolbars, badges, and finished-product hero shots.

brushed-metal