Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A pale gray page is divided by a fine vertical column grid. A segmented black-bordered navigation strip spans the top, with CROX at left and orange contact action at right. Location/discipline labels and a circular 140+ badge sit above a huge CROX / INTELLIGENCE headline. Short value proposition/action occupy the right; a black technical image with white wireframe object begins below beside a system-status list.
- Type
- Very large heavy uppercase sans headline; compact uppercase navigation/labels; medium clean sans body; bold numeric badge. Exact face/metrics unknown.
- Color and surface
- Cool pale gray field with fine vertical rules, black text/technical panel and one saturated orange navigation/action accent.
- Components
- Segmented top nav, proof badge, discipline/location labels, oversized two-line identity, concise proposition/action, technical wireframe image and ruled metrics.
What makes it work
- Pale field with visible column rules
- Segmented compact top navigation and bright action accent
- Oversized two-line identity/headline
- Compact facts/proposition in separate grid positions
- Technical image paired with ruled status list
On a new subjectFor a public water-testing laboratory, use a pale ruled grid and segmented navigation, oversized two-line lab name, concise service facts and one bright sample-request action, then pair a technical water-sample image with a short results/status list. Replace engineering claims and wireframe imagery.
Measured
Fonts loadedGeist, Apfel Grotezk
H116px / 500
Body text12px
Page background#e3e7eb
Text color#000000
Page height13,011px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Pale gray page divided by thin vertical grid lines; huge black CROX INTELLIGENCE, small metadata, black statistic circle and orange actions. Lower technical diagram and status list.
- Responsive
- Tablet and phone place headline and paragraph above the statistic; navigation becomes a menu.
