Choose the way the evidence feels.

A confident two-column landing page with alternating evidence stories and a strong visual handoff.

Structure

Split hero · proof strip · alternating story rows

Signature

A large signal card that hands off into alternating feature sections.

Technique

CSS grid + native SVG

Reference

ThemeWagon Landwind

A magazine-like reading room with a masthead, issue line, article rows, and an editor’s note.

Structure

Masthead · lead article · source sidebar

Signature

Program records treated like indexed stories, not interchangeable cards.

Technique

HTML5/CSS editorial layout

Reference

HTML5 UP Editorial

A cinematic first fold that opens into horizontal program rails and layered evidence blocks.

Structure

Full viewport feature · horizontal rail · numbered layers

Signature

A dramatic first screen with a deliberate scroll into the record.

Technique

CSS grid + scroll-snap primitives

Reference

HTML5 UP Dimension

A centered, atmospheric field where programs and monitors orbit a single search action.

Structure

Centered orbit · floating cards · source field

Signature

A live-looking orbit diagram built from real coverage counts.

Technique

CSS gradients + inline SVG geometry

Reference

HTML5 UP Hyperspace

A friendly product narrative with alternating feature rows, rounded proof points, and clear calls to action.

Structure

Centered search · proof strip · alternating story

Signature

Simple sections that explain one useful action at a time.

Technique

CSS grid + accessible disclosure patterns

Reference

ThemeWagon Nextly

An application shell with a real left rail, toolbar search, workspace panels, and operational navigation.

Structure

Left rail · toolbar · dashboard panels

Signature

The page behaves like a small research workstation.

Technique

Semantic shell + CSS grid

Reference

Admin dashboard layout patterns

A dense register where programs are rows first, filters sit above, and every value has a column.

Structure

Issue band · KPI ribbon · register table

Signature

A scannable table with an explicit as-of date.

Technique

Semantic table + CSS ledger rules

Reference

Bootstrap/Flowbite data-table patterns

A colorful tile atlas that turns discovery into a map of places, categories, and source islands.

Structure

Compass hero · legend · varied tile field

Signature

Program tiles behave like map pins with a visible index.

Technique

CSS mosaic + responsive tile spans

Reference

Mosaic portfolio and field-guide patterns

A quiet collection browser with an index rail, catalog rows, and separate source collections.

Structure

Archive masthead · index rail · collection drawer

Signature

The navigation behaves like a finding aid, not a dashboard.

Technique

Semantic lists + progressive disclosure

Reference

HTML5 UP archive/index patterns