Site Design System

Explore the design system components and guidelines

View the complete monochrome blue-hued color system with usage examples

Explore typography styles using the Geologica font

See all button variants, sizes, and states with drop shadows

Browse all form components including inputs, checkboxes, toggles, and sliders

View cards, badges, alerts, progress bars, and navigation

Universal padding system for consistent spacing across the site

Complete collection of custom JWP icons organized by category

Stroke-based icons with variable weight at different sizes

Calibrate stroke-based icons against text weight and size

Standalone hero component with various background types

Hero component with carousel functionality, auto-play, and navigation