NewJoe DispenzaEvent · Basel
Progressive Retreat in Basel
A retreat for your new future.
was 799 €599 €
Brand Guidelines
Version 2.0 · November 2026
empowering you
Logo, colors, typography, imagery, design elements, icons, UI, tone of voice and applications. For everyone who designs or writes for younity.
Contents
This guide describes how younity looks and sounds. It applies to everyone who designs or writes for younity, internally and externally.
At a glance
The basic rules in brief. Details and reasons follow in the chapters.
Logo
Wordmark in gradient on white. Symbol for avatars and watermarks. Never combine them.
Colors
Space Blue carries the brand, Deep Pink sets accents. Plenty of white and light surfaces create calm.
Aa
Typeface
DM Sans for everything. Headlines in Bold with tight tracking, body text in Regular.
One word in pink
Signature
One keyword in pink, at most once per format. No all caps.
Shape
The circle from our symbol. Arch, pill and half circle derive from it.
We speak directly.
Tone
We write warmly and concretely and make no healing promises.
Brand
What younity stands for, why we exist and how we want to come across.
Our claim
empowering you
The claim speaks to every person directly. Like our name, it is written in lowercase, without a full stop and on one line. It stands on its own, not as a fixed unit with the logo.
Vision
Empowering people to be fulfilled.
We do it with love and passion.
Mission
With love and passion, we create valuable experiences, open up access to the most inspiring mentors and share their wisdom.
We enable people to connect with their higher self and unfold their full potential.
We are not the mentors. We are the stage.
younity turns the wisdom of the most inspiring mentors into experiences people can buy, attend and live: online programs, masterclasses, trainings, online summits, live events and communities.
In 14 languages and more than 70 countries. Based in Muttenz, Switzerland.
187+Programs
91+Mentors
3MPeople in the community
70+Countries
Figures as of November 2026. Check before use.
Brand personality
Three qualities from the first guide of 2024. They apply to all channels.
mindful
We act with care and conviction. We choose mentors, content and words carefully.
empowering
Every piece of content should enable a concrete next step.
valuable
We would rather do less and do it thoroughly. What we offer should have a lasting effect.
We are
warmclearencouragingapproachablehigh-qualityconnecting
We are not
aloofvaguely esotericloudpreachyarbitrary
Logo
Our most important identifier. It consists of two independent marks: the wordmark and the symbol.
Wordmark and symbol
The wordmark is a reduced, geometric typeface. The symbol is the initial y, enclosed by a circle that its descender connects to.
Wordmark · primary logoFirst choice for every sender: website, documents, posters, presentations.
Symbol · signetFor small spaces and wherever younity is already clear as the sender.
Important: Wordmark and symbol always stand alone. They are never combined side by side into one logo, not even in headers or email signatures.
Color variants
The gradient version is our primary logo. The single-color versions are used when the background or production method does not allow the gradient.
GradientPrimary logo on white and very light, calm surfaces.
Space BlueOn light surfaces when the gradient is not possible.
WhiteOn Space Blue, pink, dark surfaces and photos.
Deep PinkAs an accent on white, light surfaces or black.
BlackOnly for single-color print, stamps, engraving or very busy light surfaces.
File formats: SVG for web, Office and print (scales without loss). PNG with a transparent background for tools without SVG support. Never use logos from screenshots or JPGs with a background.
Clear space and minimum size
The clear space keeps other elements at a distance. It grows with the logo and is therefore defined relatively, not in pixels.
x
x
x
x
Wordmark: x = half the height of the letter “o”That is roughly 9 % of the logo width.
x
x
Symbol: x = ¼ of the circle diameterApplies on all sides, including the format edge.
Wordmarkmin. 80 px wide digital
min. 20 mm wide in print
min. 20 mm wide in print
Symbolmin. 24 px digital
min. 6 mm in print
min. 6 mm in print
Favicon16 px as the only exception,
only as the app icon version
only as the app icon version
Symbol
The symbol is used where space is limited or the brand is already known: profile picture, app icon, favicon, watermark in social media and on slides.
GradientDefault on white
Space BlueLight surfaces
Deep PinkAccent on light
WhiteDark surfaces, photos
White on pinkAction surfaces
App iconAvatar, Favicon
Profile picture: App icon version, circular, identical on all social channels.
Watermark: in posts and thumbnails top right or top left, about 8 % of the format width.
Slides: top right on light content slides. Title and chapter slides carry the wordmark.
Logo on backgrounds
Rule of thumb: gradient on white, white on dark. On photos, the logo always sits in a calm area of the image.
WhiteGradient
Light BlueGradient or Space Blue
Light PinkSpace Blue
Space BlueWhite
Deep PinkWhite
BlackDeep Pink or white
Dark photoWhite in a calm area
Light photoBlack or Space Blue
Incorrect use
The logo is always used from the original files. It is never redrawn, altered or given effects.
Do not distortAlways keep the proportions.
Do not rotateThe logo always stands upright.
No effectsNo shadow, glow or 3D.
No outlineOnly the original filled shapes.
No gradient on darkThe white version belongs here.
No pink on Space BlueNot enough contrast.
Do not recolorOnly the five approved versions.
Do not combineSymbol and wordmark stay separate.
Placement and co-branding
younity is the stage. Our formats put the mentors and their content in focus, the logo signs off as the sender.
Dashed: margin of 7.5 % of the format width, so 80 px at 1080 px. The symbol sits in the top left margin.
- Always in a corner. Preferably top left (wordmark) or top right (symbol as a watermark).
- Size: wordmark about ¼ of the format width, symbol about 8 %.
- One logo per format. Do not repeat it at the top and bottom.
- Never in the focus of the image, never over faces or text.
Co-branding with partners
Partner logo- Same optical size, separated by a thin line (1 px, border color).
- Distance between the logos: at least 2 × clear space.
- We set mentor names in DM Sans. Mentors' own logos only if officially approved.
Colors
Two brand colors, plus light surfaces and a small palette for digital states.
Primary colors
For spot color printing, use the Pantone values; for four-color printing, the CMYK values. Check CMYK with a proof before every job.
Space BlueCarries the brand: dark surfaces, headlines, navigation, footer, shapes.
Deep PinkOur highlight: buttons, links, keywords, badges.
WhiteSpace and calm. The most common surface.
Surface colors and digital palette
Light Blue and Light Pink are the stage for portraits and content. We use the extended palette only digitally, for states and text.
Light BlueCalm surfaces, cards, portraits. Previously also called “Light Grey”.
Light PinkWarm surfaces, portraits, topics around heart and relationships.
Off-WhiteVery light surfaces, form areas, email background.
Digital extension · screen only, not for print
Navy 800
Depth in blue surfaces
Depth in blue surfaces
Night
Footer, overlays
Footer, overlays
Pink Hover
Hover, pressed
Hover, pressed
On Dark
Secondary text on blue
Secondary text on blue
Ink
Text on light
Text on light
Muted
Secondary text
Secondary text
Border
Lines, frames
Lines, frames
Gradient
The gradient from Space Blue to Deep Pink is part of our logo. To keep it special, we use it in only one other place: as a thin bar.
Space Blue
0 % Midpoint
50 % Deep Pink
95 %
0 % Midpoint
50 % Deep Pink
95 %
Linear · 90° (left to right) · CSS: linear-gradient(90deg, #1D2E64 0%, #E5007D 95%)
Allowed
- Wordmark, symbol and app icon
- Gradient bar at the bottom edge of presentations and documents, at most 1 % of the format height
Not allowed
- As the background of surfaces, cards or buttons
- In type, icons or shapes. For photos, there is the color overlay (chapter Imagery)
Color proportions and combinations
White and light surfaces dominate, Space Blue gives structure, pink stays rare.
60 %White & Light Blue
25 %Space Blue
10 %Deep Pink
5 %
A guideline across a campaign or website. Individual formats (e.g. an event poster in Space Blue) may differ.
How we combine
On Space Blue: pink as a surface always, as type only in headlines from 32 px.
What we avoid
Too little contrast, muddy pairings or the gradient as a surface.
Contrast and accessibility
We meet WCAG 2.2 level AA: at least 4.5 : 1 for text, 3 : 1 for large type from 24 px (or 19 px bold) and for controls. The only deliberate exception: the pink keyword in large headlines on Space Blue.
AaInk on whiteBody text, headlines17.0 : 1All sizes
AaSpace Blue on whiteHeadlines, numbers12.9 : 1All sizes
AaWhite on Space BlueText on dark surfaces12.9 : 1All sizes
AaMuted on whiteSecondary text6.3 : 1All sizes
AaDeep Pink on whiteLinks, keywords4.5 : 1All sizes
AaWhite on Deep PinkButtons, badges4.5 : 1All sizes
AaDeep Pink on Light BlueLarge type, accents4.0 : 1Large only
AaDeep Pink on Light PinkLarge accents3.9 : 1Large only
AaOn Dark on Space BlueSecondary text on dark surfaces8.7 : 1All sizes
AaSpace Blue on Light BlueText on cards and surfaces11.2 : 1All sizes
AaDeep Pink on Space Blueheadlines from 32 px only, deliberately below AA2.8 : 1From 32 px
AaSpace Blue on Deep Pinknever use for text2.8 : 1Not allowed
Typography
One typeface for everything: DM Sans. Plus weights, scale, typesetting rules and the pink keyword.
Aa
DM Sans
Geometric sans serif with low contrast, free under the SIL Open Font License. Available via Google Fonts, self-hosted on the website.
0 1 2 3 4 5 6 7 8 9
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt
Uu Vv Ww Xx Yy Zz Ää Öö Üü
& ? ! „ “ € % @ ( ) · → +
Light 300
Regular 400
Medium 500
Semibold 600
Bold 700
Fallback: Arial, Helvetica, sans-serif. Install DM Sans for Office templates. Where that is not possible (e.g. email clients), Arial is used.
Weights
Five weights with fixed roles. That is all we need.
Bold 700Tracking −2 % to −3 %
Headlines, statistics, prices, emphasis in body text
For a fulfilled life
Semibold 600Tracking 0 to +1 %
Buttons, card titles, navigation, labels
Start for free →
Medium 500Tracking 0
Names, subtitles, meta lines
Shi Heng Yi · Shaolin master
Regular 400Tracking 0
Body text, leads, descriptions
Online programs, masterclasses and live events.
Light 300from 64 px only
Large chapter numbers and single display words, never for text
01 02 03
Type scale
Desktop values. On mobile, we scale display to H2 down to about 70 %: H1 36 px, H2 28 px, body text 16 px.
Display56 / 60 · Bold · −3 %How do you want to grow?
H148 / 54 · Bold · −3 %The best mentors
H240 / 46 · Bold · −2 %New at younity
H322 / 28 · Semibold · −2 %Treasures of the Shaolin: the complete 21-day program
H420 / 28 · SemiboldHow can I join younity?
Lead20 / 31 · RegularOnline, live or in a training: choose your path.
Body17 / 28 · RegularVideo teachings, live coaching and a community on the same path as you.
Small15 / 23 · RegularA few days away from everyday life, right in the middle of transformation.
XS13 / 19 · RegularYour data is treated confidentially and never passed on to third parties.
Meta14 / 20 · MediumOnline course · Shi Heng Yi · 21 days
The pink keyword
Our typographic signature comes from the first guide: one word in pink. It only works as long as it stays rare.
The stage for the most inspiring teachers of our time
On a light backgroundOne word in Deep Pink
The spiritual festival in Europe
Info and ticketsOn Space BlueOne large word in Deep Pink, small type stays white
One word
The emotional core word of a statement, never a whole sentence. Same weight, only the color changes. On Space Blue also Deep Pink, but only in headlines from 32 px.
Rare
At most once per format or screen, in the most important headline. Subheadings and page titles stay single-colored.
No all caps
No lines in capitals above headlines. Categories appear as a meta line in normal case: “Online course · 21 days”.
Typesetting
- Left-aligned. Centered only for short headlines and calls to action (max. three lines).
- Line length at most 680 px, about 60 to 75 characters.
- No all caps. Badges, labels and categories also use normal case.
- Line height: headlines 1.0 to 1.15, body text 1.6.
- Tracking: headlines −2 % to −3 %, body text unchanged.
- Characters: typographic quotes (German „so“, English “so”), apostrophe ’, en dash without spaces for ranges (10–12 am), prices as usual in the target market.
Don’ts
Programs
No shadows
Programs
No outline
Programs
Do not distort
No gradient in type
PROGRAMS
No all caps
Programs
Not several colors
Imagery
Portraits, events, community and nature. Plus image shapes, color overlay and illustrations.
Visual language
Four groups of motifs we focus on.
Real moments
Real people and real emotions. Community you can feel.
Approachable mentors
Eye contact, warm light, calm background.
Energy of the stage
Connection between stage and audience, light and movement.
Light and space
Nature, sky and water: room to breathe and arrive.
Mentor portraits
Portraits are our most important motif. They sit on Light Blue, Light Pink or white and are cropped in an arch or circle.
Joe Dispenza
Anita Moorjani
Bruce Lipton
Gregg Braden
Eva-Maria Zurhorst
- Crop: head and shoulders, frontal or slightly from the side, looking into the camera.
- Expression: friendly, open, present. No staged poses.
- Background: light and calm, or cut out on Light Blue or Light Pink.
- Quality: at least 1080 px on the short side, 300 dpi at final size for print.
- Rights: only approved photos of the mentors. No AI-generated or altered faces.
- Names appear as a white pill on the image or as an avatar chip next to it.
Motif worlds
Besides portraits, three motif worlds tell the younity story: the power of live events, the warmth of the community and the vastness of nature.
Image treatment
Images are placed in our family of shapes. Large background images with text get the color overlay.
Image shapes
Circle for avatars · Arch for portrait cards · Rectangle with 24 px radius for photos.
Editing
- Natural colors, rather warm and bright. No vintage filters or strong looks.
- No text over faces or busy image areas.
- No stock photo clichés such as lotus flowers on stones or staged business smiles.
Color overlay
OriginalWith overlay- Use
- Wide background images with text on them
- Gradient
- Deep Pink at the top → Space Blue at the bottom, about 170°
- Opacity
- 60 to 80 %, blend mode multiply
- Text on top
- always white, check contrast
The overlay is a tool for photos, not the logo gradient. It is never applied to portraits.
Illustrations
Our illustrations explain offers, processes and values. They are flat, friendly and kept in our palette.
Style
Flat shapes without outlines, figures in pink and blue tones, an organic shape from pink to violet as the stage.
Use
Offer categories, onboarding, sustainability, explanatory graphics, empty states in apps.
Limits
Never as a replacement for mentor photos. Do not mix in other illustration styles. Commission new motifs in the existing style.
Design elements
The circle from our symbol is the origin of every shape we use.
The circle
The circle stands for unity, for perfection and the all-one. As a line without beginning or end, it stands for infinity and return; as a ring, for protection and connection.
It comes directly from our symbol. A small family of shapes emerges from it, which we use as image masks, surfaces or accents.
Circle
Half circle
Arch
Pill
Quarter circle
Shapes in use
Three ways to use them. One per format is usually enough.
Orbit
younity at the center, the mentors circle around it. For hero areas, title pages and events. Rings 1 to 2 px in white at 8 to 12 % opacity.
Image mask
Arch and circle frame portraits and photos. They give images warmth and connect them to the symbol.
187+Programs
Accent
Shapes cropped at the edge and the pink accent line above numbers and names. At most two shapes per format.
Shapes in Space Blue, Deep Pink, Light Blue, Light Pink or white. No gradient, no shadow and no outline, except for the orbit rings.
Avoiding template patterns
Many websites and posts made with templates or AI tools look the same. These patterns make younity interchangeable. We do not use them.
- All-caps lines above every headline, small, pink, widely tracked
- Pill badge above the hero headline such as “New: …”
- Glowing effects, glass effects and gradients as backgrounds
- Pink in every headline instead of once in the most important place
- Small pink type on Space Blue, for example in labels or body text
- Three identical icon cards as the default section
- Emojis and sparkle symbols as icons
- AI-generated people and interchangeable stock photos
- Empty phrases: “not X but Y”, lists of three, puns in every title
New: masterclass
YOUR PATH TO TRANSFORMATION
Transform your entire life
Not just any course, but your journey. Clear, powerful, transformative.
Start nowLearn more
TemplateBadge, all-caps line, glow, two pink spots, empty phrase, two equal buttons
The best mentors for a fulfilled life
Online programs, masterclasses and live events with more than 90 mentors.
Start for freeyounityOne clear statement, one pink word, one button, own shape
Icons
Brand icons for content, UI icons for controls.
Brand icons
Monoline, with a consistent stroke width. For benefits, program content, presentations, print and social media.
Instagram
YouTube
Email
Facebook
Send
World
Date
Training
Confirmed
Heart
Lotus
Vision
Time
Arrow
Online
Community
Mission
Summit
Meditation
Questions
Location
Feedback
Video
Network
Rules for brand icons
- Color: Space Blue, Ink or white. Pink only for interactive elements or a single accent.
- Size: at least 24 px, ideally 32 to 48 px. Icons in a row are always the same size.
- In a circle: icon in Deep Pink on Pink Soft (10 % pink) when it is clickable.
- Do not alter: do not fill, do not distort, do not mix in icons from other sets.
24
32
48
in a circle
on blue
UI icons
On the website and in digital products, we use Phosphor Icons in the Bold style. They are optimized for user interfaces, freely licensed (MIT) and cover all controls.
Sizes 16, 20 and 24 px. The color follows the text color (currentColor). Source: phosphoricons.com
UI & Web
Components, spacing and tokens for website and digital products. Pink marks what is clickable.
Buttons and links
Each section has exactly one primary button. Buttons are always pill-shaped and carry a verb.
Primary
Start your journeyHover
- Height
- 52 px · small 44 px
- Padding
- 15 × 36 px · small 10 × 22 px
- Typeface
- 15 px Semibold, white
- Fill
- Deep Pink · Hover #C8006D
- Shadow
- Pink, 24 px soft
Secondary & link
- Secondary
- White, 1 px border, Space Blue
- Link
- 15 px Semibold, pink, with arrow
- Icon button
- 44 px, Pink Soft, arrow in pink
On Space Blue
- Primary
- unchanged Deep Pink (fill)
- Typeface
- White or #CFD4E6, pink only in headlines from 32 px
- Secondary
- transparent, white border 45 %
- Focus
- 4 px ring in Pink Soft
Labels
Short and active, with a verb: “Start for free”, “Info and tickets”. Not: “Click here”, “Submit”.
Hierarchy
Primary for the main action, secondary for alternatives, link for further content.
Motion
On hover, the button rises by 1 px. Transitions 240 ms, easing cubic-bezier(.16, 1, .3, 1).
Forms, badges and chips
Form fields are pill-shaped like buttons. Badges and chips help with orientation without cluttering.
Start for free
I accept the privacy policy and would like to receive the younity newsletter.
How can I join younity?
- Input field
- 52 px high, white, border #D5D8E3, focus in pink
- Checkbox
- 20 px, round, active in Deep Pink
- Accordion
- 20 px Semibold, 24 px radius, plus icon in a circle
Badges
New−40 %LiveFree
Meta line and rating
Names and mentor chips
Shi Heng YiBruce Lipton
Marianne Williamson
Bruce LiptonMarianne Williamson- Badge
- 12 px Semibold, normal case, pill, max. one badge per card
- Name pill
- White on image, 12.5 px Semibold, soft shadow
- Stars
- Deep Pink, show real ratings only
Cards
Cards have a 24 px radius, a thin border instead of hard shadows and always follow the same order.
NewJoe DispenzaLearn from the best, whenever and wherever you want
Video teachings, live coaching and a community.
Trainings & masterclasses
Try it without risk.
“I have grown so much as a person.”
Product card: Image with badge and name pill → meta line → title (H3) → short text → footer with arrow and price. Prices and content in this example are placeholders.
Grid, spacing and radii
All spacing follows a 5-point grid. There are two radii plus the pill, and two shadows.
Spacing
5
10
15
20
25
30
40
50
60
70
85
105
120
- Container
- 1160 px · wide 1320 px · narrow 760 px
- Page margin
- 24 px on mobile
- Text width
- max. 680 px
- Sections
- 105 to 120 px spacing (desktop)
- After headline
- 48 px · before call to action 64 px
Radii
12 px
Small elements under 100 px: thumbnails, icon tiles, color swatches
Small elements under 100 px: thumbnails, icon tiles, color swatches
24 px
All surfaces: cards, photos, tiles, accordion
All surfaces: cards, photos, tiles, accordion
Pill
Everything clickable: buttons, fields, badges, chips
Everything clickable: buttons, fields, badges, chips
Shadow
Card · soft, bluish
Button · pink
Design Tokens
All values in this guide are available as CSS variables. They can be used directly in websites and apps.
- tokens.css with colors, typography, radii, shadows, spacing
- DM Sans self-hosted as WOFF2, no requests to Google
- Prefix --yn- for all variables
/* younity Design Tokens 2.0 (excerpt) */ :root { --yn-space-blue: #1D2E64; --yn-deep-pink: #E5007D; --yn-light-blue: #EEEFF4; --yn-light-pink: #FCE7F2; --yn-pink-hover: #C8006D; --yn-text-on-dark-muted: #CFD4E6; --yn-ink: #16193A; --yn-gradient-brand: linear-gradient(90deg, #1D2E64 0%, #E5007D 95%); --yn-font: "DM Sans", Arial, Helvetica, sans-serif; --yn-fs-h1: 48px; --yn-lh-h1: 54px; --yn-fs-body: 17px; --yn-lh-body: 28px; --yn-tracking-tight: -0.02em; --yn-radius-sm: 12px; --yn-radius-lg: 24px; --yn-radius-pill: 999px; --yn-shadow-button: 0 10px 24px -10px rgba(229,0,125,.55); --yn-ease: cubic-bezier(0.16, 1, 0.3, 1); }
Tone of voice
We speak directly, write concretely and never promise what we cannot keep.
How we write
Four principles, each with an example.
Personal
We address every person directly.
Like thisStart your journey.
Not like thisUsers may now begin their personal transformation journey.
Warm
We show feeling and stay grounded.
Like thisFind your way back to inner calm.
Not like thisImmerse yourself in the infinite bliss of the universe!
Clear
We state facts and avoid jargon.
Like this8 days, free, at your own pace.
Not like thisA multidimensional experience on every level.
Honest
No healing promises, no false urgency.
Like thisMany participants experience more calm.
Not like thisCures your anxiety in 7 days. Today only!!!
Spelling and style
- We always write younity in lowercase, even at the start of a sentence and in headlines. Never Younity, YOUNITY or YOUnity.
- Direct address in all channels: “you” in English, the informal “du” in German. Formal German business letters may use “Sie”.
- Swiss spelling in German texts, with ss instead of ß: grosse, weiss, Strasse.
- Numerals in headlines, buttons, badges and facts: 8 days, 3M, 70+ countries.
- Emojis sparingly and only in social media and email subject lines, at most one per sentence.
- Calls to action start with a verb: Start, Discover, Get.
Wording
| We say | Instead of |
|---|---|
| Mentors | Gurus, coaches, speakers |
| Online program, online course | Product, content, package |
| Community, participants | Customers, users, target group |
| Journey, path, growth | Optimization, hack, upgrade |
| Fulfilled life | Perfect life, success at any cost |
| Free | Gratis, for nothing |
| Live event, festival | Seminar event |
Applications
Examples for website, social media, video, print, email and presentations.
Website
Hero in Space Blue with orbit, one headline with a pink word, a clear call to action, cards with 24 px radius and plenty of white space.
Social Media
One message per post, at most one call to action. The symbol sits as a watermark in a top corner.
Announcement · 1080 × 1350 · Space Blue, portrait in an arch
Community voice · 1080 × 1080 · real review
Daily impulse · 1080 × 1080 · photo cropped in a circle
Story / reel cover · 1080 × 1920
Story and YouTube
YouTube thumbnail · 1280 × 720
- Story: keep the top 250 px and the bottom 340 px free. That is where the profile and controls sit.
- Thumbnail: large face, at most five words, one keyword in Deep Pink.
Poster · A2 portrait
Poster and event
A poster has two seconds. Space Blue as the surface, the orbit with mentors and a large headline make it younity at once.
Structure
- White wordmark top left
- Imagery in a circle, mentors in the orbit
- Headline, one sentence, call to action
Print files
- Pantone 288 C and 226 C or CMYK, values from chapter 03
- Images at 300 dpi at final size
- 3 mm bleed, proof before approval
The same principles apply to roll-ups, stage backdrops, tickets and badges: plenty of Space Blue, little text, one keyword in pink.
Newsletter · 600 px wide
Email and presentation
- Email: 600 px wide, wordmark top left, one main image, one headline, one button. Font fallback Arial.
- Sender, address and unsubscribe link always appear in the footer.
- Slides: 16:9, DM Sans, gradient bar at the bottom. Title and chapter slides in Space Blue with the wordmark.
- Content slides in white, symbol top right, one thought per slide.
Brand check
Ten questions before every publication.
- Right logo for the background, clear space respected?Chapter 02
- Wordmark and symbol separate, logo from the original file?Chapter 02
- Only colors from the palette, pink used sparingly as an accent?Chapter 03
- Gradient only in the logo or the gradient bar, no glow effects?Chapters 03 and 06
- Contrast checked, pink on Space Blue only in headlines from 32 px?Chapter 03
- DM Sans, bold headline, pink at most once, no all caps?Chapter 04
- Real, high-quality images, mentor photos approved?Chapter 05
- One clear call to action with a verb?Chapter 08
- Direct address, warm and clear, no healing promises?Chapter 09
- younity in lowercase, spelling checked?Chapter 09
Downloads and contact
Logo packageWordmark and symbol in all versions, SVG and PNGZIP
Brand icons24 icons as SVGZIP
Design TokensCSS variables including font setupCSS
DM SansFont to install via Google FontsLink
Brand GuidelinesThis guide as PDFPDF
Brand Guidelines (German)German version as PDFPDF
All files are available for download in the online version of this guide.
Questions about the brand?
This guide has a clear owner.
Brand Owner: Add name
General contact: hello@younity.team
Brand Owner: Add name
General contact: hello@younity.team
Anyone who deliberately breaks a rule makes that decision and informs the brand owner. New cases flow into the next version.
Versions
1.02024 · Basics of logo, typography, icons, colors and first applications (draft)
2.0November 2026 · Completely revised. New: imagery, design elements, UI & web, tone of voice, checklist, design tokens. No more all caps, pink used only rarely
empowering you
younity GmbH · Hagnaustrasse 27 · 4132 Muttenz · Switzerland · younity.com