The visual language for all Stronger You products.
Version 2.0
Contents
01 · Foundations
Brand Principles
Calm
Space to breathe. Silence between elements. No clutter, no noise.
Trust
Consistency builds confidence. The same patterns, the same rhythms, everywhere.
Elegance
Restraint over decoration. The right element, the right size, the right space.
Luxury
Quality in every detail. The shadow, the curve, the weight of a letterform.
Lightness
Air between sections. Room to rest the eye. Whitespace is content.
Safety
Clear hierarchy. Predictable interactions. The user always knows where they are.
Warmth
Human, not clinical. Soft tones, gentle motion, personal voice.
Premium
Every pixel earns its place. The standard is the App Store feature page.
02 · Color
Palette
Seven colors. No more. Roségold is the only accent — it appears sparingly.
Color System
Maximal 7 Farben. Keine bunten Akzente.
Soft Black
#111111
Primary Background
Anthrazit
#1F1F1F
Surface, Cards
White
#FFFFFF
Primary Text
Roségold
#D8A7A0
Primary Accent
Champagner
#E7D4C8
Soft Accent
Warm Beige
#F5F1EC
Light Surface
Taupe
#B7AAA1
Secondary Text
03 · Typography
Typeface
Playfair Display for headlines. Montserrat for body. Pinyon Script for the word "You."
Typography
Playfair Display · Montserrat · Pinyon Script
Script · Pinyon Script
Stronger You
Ausschließlich für das Wort „You"
Display · Playfair Display
Große Headlines
Editorial Eleganz
Premium & Zeitlos
Body · Montserrat
Fließtext in Montserrat. Angenehm lesbar, klar und modern.
Secondary text in hellerer Farbe.
Caption · Micro
05 · Spacing
Grid
8px base unit. Every margin, every padding is a multiple of 8. No exceptions.
Spacing Rules
8px Grid · Keine zufälligen Abstände
xs
space-2
sm
space-4
md
space-6
lg
space-8
xl
space-12
2xl
space-16
06 · Components
Library
Cards float. Buttons glow. Everything breathes.
Button Library
Radius 24px · Großzügiges Padding · Roségold Glow
Variants
Sizes
With Icons & States
Card Library
Radius 24px · Keine Rahmen · Dezente Schatten
Hero Card
Premium Headline
Große Bilder, starke Headlines, emotional.
Program Card
12 Wochen Transformation
Nachhaltige Veränderung — Körper & Mindset.
Progress Card
Dein Fortschritt
8 von 12 Wochen
Community Card
Nadine
vor 2 Stunden
Heute habe ich das erste Mal wieder an mich gedacht. Danke an diese wunderbare Community.
Design Manual · v2.0
Quality over speed. Elegance over efficiency. Consistency over creativity.