ALPINE
Mountain air and chalet wood
For someone who lives where the air is thin and the views are endless. Swiss Alpine — warm pine wood, crisp air blue, snow white, the smell of Raclette and woodfire. This one's personal.
Overview
Swiss Valais, mountain chalets, pine forests, Alpine meadows, fresh snow on peaks, fondue evenings.
- Pine wood + snow white + sky blue
- Mountain air freshness
- Warm chalet touches
- Swiss precision meets nature
- Mountain tourism
- Swiss brands
- Outdoor gear
- Chalet rentals
This theme is part of AuraFlow CSS — a collection of drop-in design systems by Dehlya Studio. Each theme is a complete set of CSS custom properties you can install via npm install auraflowor drop in from unpkg. Pure CSS, zero runtime, framework-agnostic.
Color System
The color palette for Alpine is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the theme’s unique personality.
Typography
Typography is a fundamental element of the Alpine theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.
Bold, impactful headings for maximum visual impact.
- Font
- Space Grotesk
- Weight
- 900
- Size
- 4.5rem
- Line height
- 1
- Tracking
- -0.02em
Section headers with distinctive character.
- Font
- Space Grotesk
- Weight
- 700
- Size
- 2rem
- Line height
- 1.15
- Tracking
- -0.01em
Clean, readable text for content.
- Font
- Inter
- Weight
- 400
- Size
- 1rem
- Line height
- 1.6
- Tracking
- 0.01em
Monospaced text for code and metadata.
- Font
- Roboto Mono
- Weight
- 500
- Size
- 0.875rem
- Line height
- 1.5
- Tracking
- 0
Components
A small library of common UI components rendered with Alpine’s tokens — buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.
Real-world Previews
See what Alpine looks like on real product surfaces. Each preview is rendered entirely with this theme’s design tokens — swap themes and the same layouts re-skin automatically.
Good morning, Dehlya
- MMaya R. shipped a new release2m ago
- KKenji resolved 4 bug reports12m ago
- LLéa closed the Q2 retro1h ago
- OOmar flagged the auth middleware3h ago
| Project | Status | Progress | Due |
|---|---|---|---|
| Auth rewrite | active | 82% | Apr 22 |
| Billing v2 | active | 45% | May 03 |
| Onboarding revamp | review | 95% | Tomorrow |
| Search relevance | planning | 20% | May 10 |