A design system inspired by frozen landscapes, crystalline geometry, and the luminous glow of aurora borealis. Cold, pristine, and vast.
01 / Palette
A palette of icy blues and glacial whites, accented by the vivid greens and violets of the northern lights.
02 / Typography
Outfit provides sharp, clean letterforms with geometric precision befitting an icy landscape.
03 / Spacing
A 4px base unit scales through ten increments, providing consistent rhythm across all compositions.
04 / Buttons
Four button variants reflecting layers of ice: deep, frozen, transparent, and aurora-lit.
05 / Forms
Inputs with frosted glass backgrounds and crisp focus states inspired by ice refracting light.
06 / Cards
Four card variants representing different layers of the arctic: frost, aurora, crystal, and glacial data.
Frost patterns emerge as water vapor crystallizes on sub-zero surfaces, creating intricate hexagonal lattices of pure ice.
Massive ice sheets flow imperceptibly across the landscape, carving valleys and shaping terrain over millennia.
The low-angle arctic sun refracts through ice crystals, producing halos, sundogs, and pillars of scattered light.
Charged solar particles collide with atmospheric gases, producing luminous curtains of green, violet, and pink light that dance across the polar sky.
Ice cores drilled from glaciers reveal atmospheric composition spanning hundreds of thousands of years.
Ocean currents beneath the ice shelf regulate heat distribution and drive the formation of sea ice.
Months of continuous darkness transform the arctic into a realm of starlight and magnetic phenomena.
07 / Data
Structured data display with frosted row highlights and aurora status indicators.
| Station | Region | Temp (C) | Ice Depth (m) | Status |
|---|---|---|---|---|
| Svalbard Alpha | Norwegian Arctic | -28 | 1,240 | Active |
| Resolute Bay | Canadian Archipelago | -35 | 890 | Active |
| Summit Camp | Greenland Ice Sheet | -42 | 3,200 | Standby |
| Barrow Station | Alaska North Slope | -31 | 620 | Active |
| Vostok Station | East Antarctic | -58 | 3,769 | Frozen |
| Ny-Alesund | Svalbard | -18 | 480 | Active |
08 / Badges
Status indicators and categorical labels with frost and aurora styling.
09 / Alerts
Notification panels for status updates, warnings, and environmental advisories.
10 / Philosophy
The guiding values behind the Arctic design system, drawn from the characteristics of frozen landscapes.
Every element should have the precision and clarity of an ice crystal. Eliminate ambiguity. Information should be as transparent as glacial ice, immediately readable and structurally pure.
Embrace whitespace as the arctic embraces snow. Let content breathe across vast open fields. Restrained color use creates a sense of stillness and focused attention.
Use vivid color sparingly, the way aurora borealis punctuates a dark sky. Accents should feel earned and luminous, drawing the eye to what matters most.
Like layers of ice and snow, build visual hierarchy through transparency, blur, and subtle elevation. Each layer reveals what lies beneath while maintaining its own structure.
Arctic architecture must withstand extremes. Build components that are robust across screen sizes, accessible in all conditions, and structurally sound under any content load.
Ice fractures along clean planes. Favor precise edges, faceted shapes, and geometric consistency. Every angle and proportion should feel deliberate, like a cut diamond in frozen water.