Brand Guideline · Version 1.2 · homéa GmbH

Professionell. Leistungsorientiert. Unternehmerisch.

Premium-Plattform für selbstständige Immobilienberater

01 — Markenübersicht

Die Marke

„Professionell. Leistungsorientiert. Unternehmerisch."

homéa ist eine Premium-Plattform im Immobilienbereich, die sich an selbstständige Berater richtet und ihnen ein strukturiertes, leistungsorientiertes Umfeld bietet. Die Marke positioniert sich zwischen klassischem Maklerbüro und reiner Plattform — mit dem Anspruch, ein High-Performance-Umfeld mit starker Marke und Infrastruktur zu schaffen. Der Fokus liegt auf Qualität statt Masse.

Kernwerte

Berater im Mittelpunkt

Individuelle Entwicklung und Personal Branding statt klassischer Vertriebsorganisation.

Professionelles Umfeld

Hochwertiger Markenauftritt mit klaren Standards und strukturierten Prozessen.

Leistungsorientierung

Klare Erwartungshaltung an Performance in einem Umfeld für ambitionierte Berater.

Digitalisierung

Effiziente, moderne Tools und Reduktion administrativer Aufgaben.

Backoffice-Support

Zentrale Services wie Marketing und Administration — Berater konzentrieren sich auf Umsatz.

Vergütungsmodell

Überdurchschnittliche, leistungsbasierte Vergütung, stärker unternehmerisch als Angestelltenmodell.

Positionierung

homéa steht für ein hochwertiges Netzwerk selbstständiger Immobilienberater, das sich klar von klassischen Maklerstrukturen abgrenzt. Weniger Hierarchie, mehr unternehmerische Freiheit — mit Premium-Infrastruktur im Rücken.

02 — Logo

Logo-System

Das homéa Logo ist das zentrale visuelle Erkennungsmerkmal der Marke. Es besteht aus zwei Elementen: dem Wortlogo (Logotype) und dem Emblem (Bildmarke). Beide können zusammen oder eigenständig eingesetzt werden.

Hauptlogo (Wortmarke)

Primärvariante — Teal auf Cream (01)

Farbvarianten

01 · Teal auf Cream · SVG ↓

02 · Cream auf Charcoal · SVG ↓

03 · Cream auf Teal · SVG ↓

04 · Cream auf Near-Black · SVG ↓

05 · Schwarz auf Weiß · SVG ↓

06 · Weiß auf Schwarz · SVG ↓

Emblem (Bildmarke)

Das Emblem ist die kompakte Version des Logos und eignet sich für Profilbilder, Favicons, App-Icons und kleine Anwendungen.

01 · Teal auf Cream

02 · Charcoal

03 · Cream auf Teal

04 · Schwarz

05 · Weiß auf Teal

03 — Schutzzone & Mindestgröße

Schutzzone & Größe

Um die Wirkung des Logos zu gewährleisten, muss ein Mindestabstand zu anderen grafischen Elementen eingehalten werden. Die Schutzzone entspricht der Höhe des Buchstabens „h" im Logo (= Einheit X) und gilt rundherum.

Mindestgrößen

Wortmarke — Print: Breite: mind. 30 mm

Wortmarke — Digital: Breite: mind. 120 px

Emblem — Print: Höhe: mind. 10 mm

Emblem — Digital: Höhe: mind. 32 px

Verfügbare Formate

SVG: Web und responsive Anwendungen

PNG: Digital (1x, 2x, 3x, 4x)

PDF: Print und Druckvorstufe

Figma: Source-Datei für Designer

04 — Farbpalette

Farbpalette

Die Farbpalette von homéa vermittelt Seriosität, Vertrauen und Premium-Qualität. Sie basiert auf einem gedämpften, natürlichen Farbspektrum mit dem charakteristischen dunklen Teal als Leitfarbe, ergänzt durch neutrale Töne und warmes Creme.

→ Klick auf einen Wert kopiert ihn in die Zwischenablage.

Primärfarben

Primär

homéa Teal

HEX#253F39

RGB37, 63, 57

CMYK82, 47, 62, 47

Cream

homéa Cream

HEX#E3DED2

RGB227, 222, 210

CMYK10, 9, 16, 0

Sekundärfarben

Charcoal

HEX#3D3D3D

RGB61, 61, 61

Near-Black

HEX#1E1E1E

RGB30, 30, 30

Schwarz

HEX#000000

RGB0, 0, 0

Neutrale & Hintergründe

Weiß

HEX#FFFFFF

Primärer Hintergrund

Light Cream

HEX#F5F2EC

Sekundärer Hintergrund

Medium Gray

HEX#8A8A8A

Beschriftungen, Subtexte

Farbverhältnisse

Empfohlene Verteilung in Layouts

55% Hintergrund

30% Teal

15% Dunkel

05 — Typografie

Typografie

Zwei Schriften, zwei klare Rollen — editorial im Kopf, präzise im Fließtext.

homéa setzt auf ein Zwei-Schriften-System: Playfair Display (Serif) für Display, Headlines und Subheadlines — inklusive Italic-Akzenten als rhythmisches Stilmittel. Inter (Sans) für Fließtext, UI, Eyebrows und Meta. Dieses Gegenüber aus magazinartiger Stimme und funktionaler Klarheit trägt die Marke zwischen klassischem Maklerbüro und Tech-Plattform.

Primary Typeface · Serif

Playfair Display — Regular & Italic · Google Fonts (SIL Open Font License)

Aa Bb Cc Dd Ee

ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz · 0123456789

Einsatz: Display, H1, H2, H3, H4, Lead/Intro, Zitate.
Italic: selektiv als Akzent — typischerweise für den zweiten Halbsatz einer Headline oder um ein Keyword herauszuheben. Nie ganze Absätze italic.
Gewicht: Regular (400) in allen Größen — Bold oder heavy Weights nicht einsetzen.

Secondary Typeface · Sans

Inter — Regular (400) & Medium (500) · Google Fonts (SIL Open Font License)

Aa Bb Cc Dd Ee

ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz · 0123456789

Einsatz: Body, UI-Elemente, Buttons, Captions, Meta-Zeilen, Navigations-Labels, Eyebrows (uppercase + tracking).
Fallback-Kette: Inter → -apple-system → BlinkMacSystemFont → „Helvetica Neue" → Arial.
Gewicht: Regular für Fließtext, Medium für Buttons/Labels/Eyebrows.

Lizenz & Einbindung: Beide Schriften sind über Google Fonts kostenfrei verfügbar (SIL OFL) und werden per <link>-Tag eingebunden. Suisse BP (die Schrift der früheren Softriver-Fassung) ist mit Entscheidung vom 20. April 2026 nicht mehr Teil des Brand-Systems — die Marke folgt der editorialen Richtung der DE-Guideline, allerdings konsolidiert auf zwei statt drei Schriften.

Type Hierarchy

Größen relativ zur 1920×1080 Slide-Basis. Für Web/Print linear skalieren. Letter-Spacing in em-Einheiten — Playfair braucht weniger negatives Tracking als eine Grotesque.

Display · Immobiliengeschäft

Playfair Display · 150 px · tracking −1,5 % · lh 1.02

H1 Headline · die Stimme

Playfair Display · 100 px · tracking −1,2 % · lh 1.05

H2 Headline · Zwischenebene

Playfair Display · 75 px · tracking −0,8 %

H3 Headline

Playfair Display · 60 px · tracking −0,5 %

H4 Headline

Playfair Display · 36 px · tracking 0 %

Paragraphs & Running Text

Inter Regular · 24 px · tracking −0,3 % · lh 1.6

Eyebrow · Label · Caption

Inter Medium · 11–12 px · tracking +14 % · UPPER

Anwendungsbeispiele

So wirken die Ebenen im Kontext — mit Italic-Akzent in Display und Subhead.

Title · H1 / Display

Immobiliengeschäft, das auf Leistung basiert.

Playfair Display Regular / Italic · 56 px · tracking −1,5 % · line-height 1.04

Subtitle · H2 / H3

Unsere Positionierung

Weniger Hierarchie, mehr unternehmerische Freiheit — mit Premium-Infrastruktur im Rücken.

Playfair Display Regular / Italic · 26 px · tracking −0,5 % · Eyebrow = Inter Medium 12 px, UPPER, tracking +18 %

Text passage · Body / Running Text

homéa ist eine Premium-Plattform im Immobilienbereich, die sich an selbstständige Berater richtet und ihnen ein strukturiertes, leistungsorientiertes Umfeld bietet.

Die Marke positioniert sich zwischen klassischem Maklerbüro und reiner Plattform — mit dem Anspruch, ein High-Performance-Umfeld mit starker Marke und Infrastruktur zu schaffen. Der Fokus liegt auf Qualität statt Masse.

Inter Regular · 16 px · tracking −0,3 % · line-height 1.6 · max. 640 px Breite

Dark Mode · Title + Body

Ein Netzwerk für Berater, die Verantwortung übernehmen.

Wir schaffen ein Umfeld, in dem ambitionierte Immobilienberater selbstständig, aber nicht allein arbeiten. Premium-Tools, Backoffice-Support und eine starke Marke — so dass Sie sich auf das konzentrieren können, was zählt: Umsatz und Kundenbeziehungen.

Kontrast: Cream (#E3DED2) auf Teal (#253F39) · Body mit 92 % Opazität für bessere Lesbarkeit

Do & Don't

Do

Playfair Display Regular als Standard — Italic gezielt als Akzent einsetzen.
Italic-Halbsatz in Headlines: „Immobiliengeschäft, das auf Leistung basiert."
Inter Regular für alle Fließtexte, Inter Medium für Buttons, Labels, Eyebrows.
Eyebrows in UPPERCASE mit Tracking +14–18 % über Subheadlines platzieren.
Max. Zeilenlänge im Body: 640 px / ca. 66–72 Zeichen.

Don't

Keine Bold/Black-Gewichte von Playfair Display — bricht die editoriale Anmutung.
Keine ganzen Absätze in Italic setzen — Lesbarkeit leidet.
Playfair Display nicht im Fließtext oder in UI-Elementen (Button-Label, Input-Text).
Inter nicht für große Display-Headlines (ab ca. 40 px) — dafür ist Playfair da.
Keine dritte Schrift hinzufügen (kein Montserrat, keine Montaga, kein Suisse).

06 — Grafische Elemente

Grafische Elemente

Die grafischen Elemente ergänzen das Logo-System und schaffen einen einheitlichen visuellen Rahmen. Zentral sind die geometrischen Muster (Graphic Patterns), die als Hintergründe, Akzente und Trennelemente eingesetzt werden.

Geometric Patterns

Pattern 01 — Near-Black

Großflächige Hintergründe, Header, Dark Sections

Pattern 02 — Cream

Helle Hintergrundstrukturen, subtile Flächen

Pattern 03 — Teal

Primärer Brand-Hintergrund, Social Media, Banner

Weitere Gestaltungselemente

Linien & Trennelemente: 0,5–1,5 pt in Teal oder Cream

Abgerundete Rechtecke: Eckenradius: 4–8 px

Farbflächen: Teal/Cream als Großflächen-Element

Weißraum: Min. 16 px / 4 mm Abstand

07 — Bildsprache

Bildsprache

Die Bildsprache unterstützt die Premium-Positionierung von homéa und transportiert Professionalität, Vertrauen und unternehmerischen Erfolg. Bilder zeigen stets eine hochwertige, moderne und aufgeräumte Ästhetik.

Fotostil

Motive: Architektur, Immobilien, Berater-Porträts, Lifestyle

Stimmung: Ruhig, warm, natürlich — authentisch

Farbgebung: Natürlich, leicht entsättigt, warm

Komposition: Klare Linien, großzügiger Leerraum

Beleuchtung: Weiches, natürliches Licht · Goldene Stunde

Bildbearbeitung

So bearbeiten

Leichte Entsättigung (−10 bis −15 %)
Warme Tonalität — Schatten leicht Richtung Teal/Grün
Moderater Kontrast
Natürliche Schärfe, kein Oversharpening
Bei Bedarf Teal-/Cream-Überlagerung (10–20 % Opacity)

Nicht verwenden

Stock-Fotos mit gestellten, unnatürlichen Posen
Überbearbeitete HDR-Bilder oder extreme Filter
Niedrige Auflösung oder Kompressionsartefakte
Motive, die nicht zum Premium-Anspruch passen

08 — Tonalität & Sprache

Tonalität & Sprache

Die Markenstimme von homéa spiegelt die Werte der Plattform wider: professionell, klar und ambitioniert — ohne arrogant oder distanziert zu wirken. Die Kommunikation richtet sich primär an leistungsorientierte, selbstständige Immobilienberater.