Eine dunkle, ruhige Fläche — und eine einzige helle Gerade, die sich nicht entschuldigt. Das ist das ganze System, abgeleitet aus einem Objektiv mit einem weissen H darin.
Signature-Motiv
Über der schwarzen Objektivfassung im Logo läuft ein einziger schmaler Chrom-Reflex — die Stelle, an der das Licht die Kante trifft und stehen bleibt. Genau das ist das Handwerk: «Er lässt die Bilder im richtigen Licht stehn.» Die Lichtkante ist der einzige Bauteil dieser Marke. Es gibt keine Rahmen, keine Karten, keine Schatten, keine Trennlinien. Was angekündigt wird, kündigt die Kante an.
Kante XL — 120×3
Genau 1× auf der ganzen Site: über der H1 im Hero.
Kante L — 72×3
Genau 1× pro Sektion, immer über der Headline.
Kante M — 40×2
Paketname, Ablauf-Schritt, Formular-Titel. Max. 4 pro Sektion.
Kante S — 24×2 senkrecht
Nur an Zitaten und Fehlermeldungen. Max. 4 pro Seite.
Verboten: nie länger als 120px · nie als Sektions-Trenner über die volle Breite · nie umlaufend oder als Rahmen · nie auf oder um ein Bild · nie in einer anderen Farbe · nie im Fuss.
Farbe — gemessen, nicht gewählt
Jeder Wert stammt wörtlich aus der Logo-Messung. Die Rollen sind getrennt: das helle Cyan #53cfd4 ist Licht (Linie, Icon, Link — maximal 2 % eines Bildschirms), die tiefe Fassung #00747a ist Fläche und trägt weisse Schrift mit 5.56:1. Dieselbe Farbe, zwei Abstufungen — ein unlesbarer Knopf wäre keine Marke.
Grund tief
#090d14
Hero, Fuss. Die tiefste Fläche.
Grund
#141921
Standard-Seitengrund. Text 15.11:1.
Grund gehoben
#1b2433
Ersetzt jede Karte. Genau 2 Bänder.
Haarlinie
#222e43
1px Trenner. 1.29:1 — nie Text.
Signal (Akzent)
#53cfd4
Die Lichtkante, Links, Fokus. 9.44:1 — nie als Fläche.
Signal tief (Primär)
#00747a
Der eine gefüllte Knopf. Trägt #ffffff mit 5.56:1.
Text
#ebeeee
Headlines und Fliesstext. AAA.
Text leise
#aab6b6
Lead, Hilfstext. 8.46:1.
Ruhig
#8ea5cc
Datum, Ort, Paarname. Nie Fläche.
Auf Signal
#ffffff
Knopfschrift auf #00747a. 5.56:1. Sonst keine Fläche.
Lichttisch
#f2f9f9
Die zwei hellen Bänder: Preise, Anfrage.
Ruhig auf hell
#475e85
Meta-Text auf dem Lichttisch. 6.14:1.
| Paar | Ratio | Regel |
|---|---|---|
| #ebeeee auf #141921 | 15.11 | AAA — Standard-Text |
| #ffffff auf #00747a | 5.56 | AA — Knopfschrift auf Knopffläche |
| #53cfd4 auf #141921 | 9.44 | AAA — Kante und Link |
| #00747a auf #f2f9f9 | 5.21 | AA — Kante und Text auf hell |
| #475e85 auf #f2f9f9 | 6.14 | AA — Meta auf hell |
| #122323 auf #f2f9f9 | 15.26 | AAA — Text auf Lichttisch |
| #ffffff auf #29afb5 | 2.66 | gesperrt — deshalb ist die Knopffläche #00747a |
| #29afb5 auf #f2f9f9 | 2.49 | gesperrt — als Text gilt #00747a |
| #5c749c auf #f2f9f9 | 4.44 | gesperrt — als Text gilt #475e85 |
| #00747a auf #1b2433 | 2.81 | kein gefüllter Knopf auf dem gehobenen Band |
Bitter 600/700 · Karla 400/600
display-hero — Bitter 700 · 72/38px · 1.04 · −0.02em
Hochzeiten in Landsberg
display-section — Bitter 700 · 40/26px · 1.12 · −0.015em
display-block — Bitter 600 · 26/22px · 1.20
display-number — Bitter 700 · tnum
1.290 €
lead — Karla 400 · 19/17px · 1.55
Ich bin Christian. Ich fotografiere seit Jahren die Paare, Familien und Vereine hier in der Gegend — entspannt, ohne Kommandos, und du bekommst die Bilder schnell.
body — Karla 400 · 17/16px · 1.60 · max. 68 Zeichen
Am Hochzeitstag muss niemand posieren. Ich gehe mit, ich warte auf das Licht, und wenn etwas passiert, bin ich schon da. Was dabei herauskommt, sieht aus wie der Tag war — nicht wie ein Katalog.
caption-name — Karla 400 · 18px · #8ea5cc
Sarah & Tobias · Altstadt Landsberg
Regeln: Weight 500 existiert nicht · Bitter nie unter 22px · Karla nie über 19px · kein Kursiv · Versalien nur im Eyebrow und im Label · kein Blocksatz, keine Silbentrennung · zentriert ist nur die Erfolgsmeldung.
Zustände sind Werte, keine Adjektive
Fahre mit der Maus darüber — Hover ist immer eine Farbverschiebung über 0.2s ease-in-out, nie eine Bewegung. Höhe 48px (mobil 52px), Radius 0, maximal ein gefüllter Knopf pro Sektion.
btn-primary
#00747a → hover #238084 → active #135558 · Schrift immer #ffffff (5.56 / 4.67 / 8.51:1).
btn-secondary
Transparent, 1px #2a3850 → hover Rahmen und Schrift #53cfd4.
btn-ghost
Nur Text, Unterstrich erst im Hover.
disabled
#222e43 / #8ea5cc (5.46:1) — lesbar bleiben, auch wenn gesperrt.
focus-visible
2px #53cfd4 auf dunkel, 2px #00747a auf hell, Offset 3px. Nie entfernt.
Inline-Link
… oder schreib mir auf WhatsApp.
Im Fliesstext immer mit Unterstrich — Farbe allein ist kein Signal.
Es gibt keine Karten
Was anderswo eine Karte wäre, ist hier ein Helligkeitssprung: #141921 → #1b2433. Kein Rahmen, kein Radius, kein Schatten. Die Fuge zwischen zwei Blöcken ist der Grund selbst.
Sarah & Tobias · Altstadt Landsberg
Ein paar Zeilen reichen: Datum, Ort, worum es geht. Ich melde mich innerhalb von 24 Stunden.
«Christian platzt förmlich vor Ideen … Er weiss ganz genau, wie er Menschen in Szene setzen muss, damit am Ende authentische, schöne und stimmungsvolle Fotos entstehen.»
Lichttisch — hell, wo entschieden wird
Zwei von zehn Bändern sind hell: der Preisrahmen und dieses Formular. Genau dort, wo der Kunde rechnet und schreibt, wird das Licht angemacht — das ist die Einlösung des Vorbild-Wunsches innerhalb eines dunklen Systems.
Feld-Anatomie: Höhe 48px · Rahmen 1px #c9d0d0 · Fokus 2px #00747a plus Ring · Fehler 2px #242f43 mit Kante S, Icon und Klartext. Die Messung liefert kein Rot — Zustände werden über Rahmenstärke, Icon und Text unterschieden, nie über Farbton allein.
Tiefe ist eine Helligkeitsstufe
Auf marineblauem Grund ist ein Schatten unsichtbar. Es gibt genau zwei echte Schatten, beide zweilagig und marineblau abgeleitet — für den gescrollten Kopf und für die Lightbox.
| Token | px | Einsatz |
|---|---|---|
| --space-1 | 8 | Label → Feld · Bild → Paarname · Knopf → Zusage |
| --space-2 | 12 | Headline → Lead · Kante S → Zitat |
| --space-3 | 24 | Kante L → H2 · Text → Knopf · Block → Block |
| --space-4 | 40 | Innenpolster der Blöcke · Gruppen-Trennung |
| --space-5 | 72 | Standard-Sektionsabstand |
| --space-6 | 112 | Kapitel-Atempause — max. 2× pro Seite |
Verhältnis-Gesetz 8 : 24 : 72 = 1 : 3 : 9. Der Mittelwert-Brei (alles ~32px) ist verboten.
Bildrezept
Vorhandenes Licht, blaue Stunde, eine gerichtete Quelle. Schatten kühl nach Marineblau, Hauttöne warm und unverfälscht, ein kühler Cyan-Ton im Kantenlicht. Leicht unterbelichtet, damit das Bild auf dem dunklen Grund sitzt statt zu leuchten. 3:2 quer, ausnahmslos.
Nie: Stock-Brautpaare, Hände-in-Herzform, Ringe auf Buch, Bokeh-Tapeten, Orange-Teal-Grade, Vintage-Filter, Vignetten, KI-Gesichter, Text im Bild.