Jessica Steinert
Mediale Lebensberatung

01 — Marke & Stimmung

Ruhe, die man beim Scrollen spürt.

Die Webseite wirkt wie ein aufgeräumter, warmer Raum: viel heller Grund, strukturierter Text, sehr wenige, bewusst gesetzte Bilder. Die Blume des Lebens erscheint als feines Goldornament – nie plakativ, immer als Linie. Nichts blinkt, nichts drängt. Wer die Seite besucht, soll das Gefühl haben: hier ist Zeit.

02 — Farbwelt

Creme, Sand & ein leiser Salbeiton

Der warme Cremeton ist der Grundklang jeder Seite, Sand gliedert die Abschnitte. Das gedeckte Salbeigrün ist die Primärfarbe für Buttons, Links und Akzentworte – es erdet die Seite und greift die Naturbildwelt auf. Gold bleibt der Blume des Lebens vorbehalten: nur als feine Linie, nie als Fläche.

Faustregel: ca. 85 % Creme/Porzellan, 10 % Sand/Ton, 4 % Salbei, 1 % Gold. Gold erscheint ausschließlich als Ornamentlinie – nie in Buttons, Flächen oder Texten.

03 — Typografie

Eine stille Serife, eine klare Sans

Cormorant Garamond für Überschriften: eine klassische, sehr dezente Serife ohne Schnörkel. Kursiv nur für einzelne Akzentworte. Jost für Fließtext und Bedienelemente – leicht, geometrisch, gut lesbar.

Kursive Serife nur für 1–3 Worte pro Überschrift. Niemals ganze Absätze kursiv, keine zusätzliche Schreibschrift.

04 — Ornament · Blume des Lebens

Ein Zeichen, drei Dosierungen

Die Blume des Lebens ist das einzige grafische Symbol der Marke. Sie wird ausschließlich als feine Goldlinie verwendet – nie gefüllt, nie bunt, nie als Muster-Tapete.

05 — Buttons & Links

Sanfte Pillen, klare Worte

Buttons benennen konkret, was passiert. Pro Abschnitt höchstens ein Primär-Button.

Primär: Salbei #6F775C, Hover #575F47 · Sekundär: Salbei-Kontur · Leise Variante: Unterstrichener Textbutton · Radius 999 px · Schrift Jost 400, 15 px

06 — Komponenten

Bausteine der Seite

Alles ruht auf Porzellan-Karten mit Ton-Linien. Schatten nur als Hauch beim Hover.

Leistungs-Karten

Zitat-Block (auf Sand)

Über-mich-Teaser mit Bogen-Portrait

Über mich

Zuhören ist der Anfang von allem.

Ich bin Jessica – mediale Lebensberaterin. Zu mir kommen Menschen, die an einem Wendepunkt stehen oder einfach Klarheit suchen. Ich arbeite ruhig, ehrlich und mit beiden Beinen auf dem Boden.

• Einzelgespräche vor Ort oder online
• Klare Worte, keine leeren Versprechen
• Alles Besprochene bleibt vertraulich

Meine Geschichte

Formular

Trenner-Ornament

07 — Hero · Variante A

Großes Bild mit ruhigem Text-Overlay

Umsetzung nach Beispiel 1, kombiniert mit der Navigation aus Beispiel 2: Bild in voller Breite, Navigation liegt transparent auf dem Bild, Text links auf sanfter Abdunklung, Blume des Lebens als Wasserzeichen. Das Foto ist ein Platzhalter-Stockbild.

Mediale Lebensberatung

Zur Ruhe kommen.Antworten finden, die in dir liegen.

In einem geschützten Gespräch schauen wir gemeinsam auf das, was dich bewegt – ruhig, ehrlich und in deinem Tempo.

Termin anfragen So arbeite ich

↓

Bild: volle Viewport-Breite, Höhe min. 680 px · Overlay: Verlauf Umbra 62 % → 5 % plus sanfte Abdunklung oben für die Navigation · Navigation (nach Beispiel 2): transparent auf dem Bild, Serifen-Wortmarke links, Links rechts, Kontur-Button in Cremelinie · Wasserzeichen: Cremelinie, Deckkraft 28 %

08 — Hero · Variante B

Zentrierter Text, Bild als ruhiges Band

Umsetzung nach Beispiel 3: Überschrift mittig auf Creme, darunter das Bild in voller Breite, anschließend eine Sand-Sektion mit drei Text-Teasern. Noch zurückhaltender – das Bild trägt keine Schrift.

Herzlich willkommen

Dein Weg ist bereits in dir angelegt.

Mediale Lebensberatung für Menschen, die Klarheit suchen – bodenständig, vertraulich und ohne Umwege.

Kennenlerngespräch vereinbaren

Eins

Ankommen

Wir beginnen mit einem kurzen Kennenlernen – kostenfrei und unverbindlich.

Zwei

Hinschauen

Im Gespräch sortieren wir, was gerade wirklich wichtig ist.

Drei

Weitergehen

Du nimmst konkrete Impulse mit, die in deinen Alltag passen.

Bildband: Höhe 440 px, Vollbreite, keine Textüberlagerung · Ablauf-Teaser: nummeriert in kursiver Serife, da echter Prozess · Sand-Sektion schließt direkt an das Band an

09 — Aquarell-Sektion

Farbe wie ausgeatmet

Alkohol-Ink-/Aquarell-Stimmung entsteht durch weiche, stark verwaschene Farbfelder in Rosé, Salbei und einem Hauch Gold – als Hintergrund genau einer Sektion pro Seite, z. B. vor dem Kontaktbereich. Keine harten Kanten, keine kräftigen Pigmente.

Technik: 2–3 radiale Farbfelder, Weichzeichner 70 px, Deckkraft 14–38 % · Töne: Rosé, Salbei, Hauch Gold · Text bleibt auf Porzellan gut lesbar (Kontrast prüfen)

10 — Bildsprache

Wenige Bilder, die atmen

Maximal zwei bis drei Bilder pro Seite. Naturmaterialien, weiches Licht, viel ruhige Fläche im Motiv. Später ersetzen professionelle Fotos von Jessica die Platzhalter – die Stimmung bleibt.

Alle Platzhalter stammen von Unsplash (kostenfreie Lizenz). Für den Launch werden sie durch eigene Fotos in derselben Farbstimmung ersetzt.

11 — Raum & Ruhe

Abstand ist Teil des Designs

Damit „nicht zu viel los" ist, gelten feste Regeln für Weißraum und Bewegung:

• Sektionen: 96–128 px Außenabstand oben und unten
• Inhaltsbreite: max. 1160 px, Fließtext max. ~640 px (65–75 Zeichen)
• Pro Sektion genau eine Aussage und höchstens ein Call-to-Action
• Animationen: nur sanftes Einblenden beim Scrollen (0,6 s), keine Parallax-Effekte
• Wechsel Creme → Sand → Creme gliedert die Seite statt Linien und Boxen