Visuel Identitet
Style Guide
Nordisk fundament med én kraftfuld kontrastfarve.
Brug grønt med intention — ikke dekoration.
Design tokens
Farvepalette
Chalk White
#FAFAF8
Baggrund, lyse flader
Soft Sand
#E7E3DC
Baggrund, lyse flader
Clay
#8C7B6A
Labels, accenter
Charcoal
#555350
Sekundær mørk baggrund
Slate
#141614
Primær mørk, tekst
Energii Green
#2D5A3D
Kontrastfarve, CTA
Typografi
Skrifttyper
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyz
0123456789
Syncopate
Overskrifter · Bold 700 & Regular 400 · Altid UPPERCASE
Brug: Alle overskrifter (h1–h6), logo-relateret tekst, stat-værdier og labels der kræver æstetisk vægt.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
Brødtekst · Variable weight 100–900 · Normal case
Brug: Al brødtekst, knapper, navigation, labels, formularer og mindre tekstelementer.
Typografi
Overskrifts-skala
H1 · text-5xl / lg:text-6xl
Nordisk præcision i bevægelse
H2 · text-3xl / lg:text-4xl
Nordisk præcision i bevægelse
H3 · text-xl / lg:text-2xl
Nordisk præcision i bevægelse
H4 · text-lg
Nordisk præcision i bevægelse
H5 · text-base
Nordisk præcision i bevægelse
H6 · text-sm
Nordisk præcision i bevægelse
Typografi
Brødtekst & Prose
Lead / Large · text-xl
Energii er mere end træning. Det er en bevægelse, der forener krop og sind gennem nordisk minimalisme og bevidst intensitet. Vores centre er designet til at give dig ro i kroppen og klarhed i sindet.
Regular · text-base
Energii er mere end træning. Det er en bevægelse, der forener krop og sind gennem nordisk minimalisme og bevidst intensitet. Vores centre er designet til at give dig ro i kroppen og klarhed i sindet.
Small · text-sm
Energii er mere end træning. Det er en bevægelse, der forener krop og sind gennem nordisk minimalisme og bevidst intensitet. Vores centre er designet til at give dig ro i kroppen og klarhed i sindet.
Extra Small · text-xs
Energii er mere end træning. Det er en bevægelse, der forener krop og sind gennem nordisk minimalisme og bevidst intensitet. Vores centre er designet til at give dig ro i kroppen og klarhed i sindet.
Prose (Tailwind Typography plugin)
Overskrift i prose-blok
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.
Underoverskrift
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Fed tekst og kursiv tekst samt et link her.
- Reformer Pilates — klassisk og Signature
- Heat It Up — intensiv varmetræning
- Bungee Fly — suspension og flow
- Book din første prøvetime
- Mød op 10 minutter før
- Nyd bevægelsen
Energii har forandret min hverdag. Det er den perfekte balance mellem intensitet og mindfulness.
Brand
Logo
Wordmark
Det fulde ordmærke bruges som primær logo-variant. Altid i ét ensartet farve — aldrig flerfavet.
Monogram / Mark
"e"-monogrammet bruges som ikon, favicon og i kontekster hvor plads er begrænset. Tilgængeligt i alle baggrundsfarver.