Visual Identity
Style Guide
A Nordic foundation with one bold accent color.
Use green with purpose— not just for decoration.
Design tokens
Color palette
Chalk White
#F0EDE8
Background, light surfaces
Soft Sand
#E7E3DC
Background, light surfaces
Clay
#8C7B6A
Labels, accents
Charcoal
#555350
Secondary dark background
Slate
#141614
Primary dark, text
Energii Green
#2D5A3D
Contrast color, CTA
Typography
Fonts
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyz
0123456789
Syncopate
Headings · Bold 700 & Regular 400 · Always UPPERCASE
Usage: All headings (h1–h6), logo-related text, status values, and labels that require visual emphasis.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
Body text · Variable weight 100–900 · Normal case
Usage: All body text, buttons, navigation, labels, forms, and smaller text elements.
Typography
Heading levels
H1 · text-5xl / lg:text-6xl
Nordic precision in motion
H2 · text-2xl / md:text-3xl / lg:text-4xl
Nordic precision in motion
H3 · text-xl / lg:text-2xl
Nordic precision in motion
H4 · text-lg
Nordic precision in motion
H5 · text-base
Nordic precision in motion
H6 · text-sm
Nordic precision in motion
Typography
Body Text & Prose
Lead / Large · text-xl
Energii is more than just a workout. It’s a movement that unites body and mind through Nordic minimalism and mindful intensity. Our centers are designed to bring you physical calm and mental clarity.
Regular · text-based
Energii is more than just a workout. It’s a movement that unites body and mind through Nordic minimalism and mindful intensity. Our centers are designed to bring you physical calm and mental clarity.
Small · text-sm
Energii is more than just a workout. It’s a movement that unites body and mind through Nordic minimalism and mindful intensity. Our centers are designed to bring you physical calm and mental clarity.
Extra Small · text-xs
Energii is more than just a workout. It’s a movement that unites body and mind through Nordic minimalism and mindful intensity. Our centers are designed to bring you physical calm and mental clarity.
Prose (Tailwind Typography plugin)
Heading in a prose block
For no one seeks pleasure simply for the sake of pleasure; rather, they despise, hate, or flee from it because those who do not know how to pursue pleasure rationally are subject to great pain. Nor is there anyone who loves pain simply because it is pain.
Subheading
"But so that you may see where all this error comes from, I will explain the whole matter." Bold text, italic text, and a link here.
- Reformer Pilates — Classic and Signature
- Heat It Up — Intensive Heat Training
- Bungee Fly — Suspension and Flow
- Book your first trial lesson
- Please arrive 10 minutes early
- Enjoy the movement
Energii has transformed my daily life. It strikes the perfect balance between intensity and mindfulness.
Fire
Logo
Wordmark
The full wordmark is used as the primary logo variant. Always in a single, uniform color—never multicolored.
Monogram / Mark
The "e" monogram is used as an icon, a favicon, and in contexts where space is limited. Available in all background colors.