← Style library

WRI · Infographic lab

Chalkboard stats — component + texture.

Flux-generated slate background with SVG icons and real HTML text. Compare against the Ideogram PNG exploration — the component version is what ships in articles for SEO and consistency.

Component over raster

Stats render as real text on a frozen texture — crawlable, editable, and identical every article.

Fal for texture only

Generate the chalkboard background once with Flux; icons and numbers stay in SVG.

WRI palette

Navy slate board, white chalk type, teal accents, sage green leaf flourishes — institutional not classroom.

Article-ready

Swap stat values via props; same template ships in blog blocks and homepage contract proof.

Homepage mock → · Groundwater Notes demo → · Hero catalog → · Section catalog →

Infographic 01

Chalk stats — banner variant

Wide strip for homepage contract proof. Pass variant="banner" (default).

Banner
Water Resources International credentials 35+ years in hawaii, $150M+ contracts completed, 2,800 ft max well depth, 2 island offices 35+ YEARS IN HAWAII $150M+ CONTRACTS COMPLETED 2,800 ft MAX WELL DEPTH 2 ISLAND OFFICES
35+ years in hawaii, $150M+ contracts completed, 2,800 ft max well depth, 2 island offices.

Infographic 01b

Chalk stats — inline article variant

16:9 within article column — same data, variant="inline". Used in Groundwater Notes.

Inline
Water Resources International credentials 35+ years in hawaii, $150M+ contracts completed, 2,800 ft max well depth, 2 island offices 35+ YEARS IN HAWAII $150M+ CONTRACTS COMPLETED 2,800 ft MAX WELL DEPTH 2 ISLAND OFFICES
WRI contract history and depth capability — Honolulu and Kawaihae offices.

Infographic 02

Stats — Ideogram PNG (exploration)

Earlier AI exploration. Typography and layout drift per run — reference only, not article production.

AI raster
Water Resources International statistics infographic — 35+ years, $150M+ contracts, 2,800 ft max depth

Asset 01

Chalkboard background texture

Flux background style — navy slate vignette, matte grain. Reused under every chalk infographic.

Texture
Dark navy chalkboard texture with subtle vignette
/wri/textures/chalkboard-bg.jpg

Infographic 03

Process — Ideogram PNG (exploration)

Five-step lifecycle. Next: SVG process component with same chalk texture treatment.

AI raster
From exploration to production — site assessment, permit and design, drill and test, pump install, monitor