Designprobe · nicht Teil der Website · vor Livegang löschen

Das Fundament.

Alles hier kommt aus dem Child-Theme — Schrift vom eigenen Server, Farben und Maße aus den CSS-Variablen. Wenn etwas hier falsch aussieht, stimmt es später in Elementor auch nicht.

°01 Schrift — Outfit, fünf Schnitte, vom eigenen Server

Räume, an die man sich erinnert. 300 · Light — Fließtext

Räume, an die man sich erinnert. 400 · Regular — Reserve

Räume, an die man sich erinnert. 500 · Medium — Headlines

Räume, an die man sich erinnert. 700 · Bold — Hervorhebungen

Räume, an die man sich erinnert. 900 · Black — Claim, Zahlen

°02 Hierarchie 1 / ½ / ⅓ — skaliert mit dem Fenster

Headline.

500 · 76 px bei 1440 · Zeilenabstand 1,02

Plakativ.

900 · 56 px · Versalien

Subline, halb so groß.

500 · 38 px

Fließtext liegt bei einem Drittel bis einem Viertel der Headline. Hervorhebungen nur in Bold — Outfit hat keine Kursive.

300 · 19 px · Zeilenabstand 1,6

°03 Farbe — gemessener Kontrast auf Schwarz

#000000

Grundfläche

—

#FFFFFF

Text

21,0 : 1

#CFCFCF

Fließtext — noch zu entscheiden

13,5 : 1

#9A9A9A

Sekundärtext

7,46 : 1

Das Briefing nennt für #9A9A9A 5,9 : 1. Nachgerechnet sind es 7,46 : 1 — die Abweichung vom Styleguide steht damit sogar auf AAA-Niveau.

°04 Schaltflächen — keine Radien, Klickfläche ab 44 px

Projekt anfragen Sekundär Textlink

°05 Projektkacheln — 3:4, Verlauf von unten, °-Nummer oben links

Die Nummern sind nirgends eingetragen. Sie entstehen aus der alphabetischen Position — kommt ein Feld dazu oder fällt eines weg, nummeriert sich alles von selbst neu. Die Flächen sind Platzhalter: Bilder kommen in Schritt 7. Zum Prüfen mit der Maus darüberfahren, die Fläche zoomt um 4 %.

°01 Agenturen °02 Ausstellung & Museum °03 Brand Space & Showroom °04 Büro & Arbeitswelt °05 Einzelhandel & Store °06 Gastgewerbe °07 Klinik °08 Kreative Bauten °09 Praxis

Neun Felder, eine Fertigung. — dieser Satz kommt aus dem Shortcode, nicht aus der Hand

°06 Raster — 12 Spalten, 24 px Abstand, 80 px Rand

Fenster schmaler ziehen: Unter 1024 px geht der Seitenrand auf 48 px, unter 767 px auf 24 px — dieselben Grenzen, die Elementor als Breakpoints nutzt.

We build emotions.

Designprobe · 07.10.2026