MG Style — Michaela Gruber Termin anfragen

01  ·  MG Style Akademie  ·  Köln  ·  München

Haare und Kleidung sind dein Statement. Ich bringe dir bei, es zu setzen.

Friseurmeisterin, Visagistin, Typ-Stylistin und Personalshopperin — in einer Person, seit über 27 Jahren. Unten steht, was das kostet und wie lange es dauert.

01 Vorher

Vorher

02 Nachher

Nachher

02 — Die gestalterische Idee

Das Register

Jede Leistung und jeder Kurs ist eine Zeile mit Dauer und Preis — und jede Zeile ist bereits die Buchung. Fahr mit dem Zeiger über eine Zeile: die Fläche wechselt auf #edeff6, die Regel darunter wird 2 px in #2c2cac.

03 — Gemessen aus dem Logo

Farben & Rollen

Grundfläche#f5f7fd

Trägt über 60 % der Seite, wird nie unterbrochen.

ink/surface 15.34 · AAA
Tafelgrund#edeff6

Nur Bildtafeln und die Hover-Fläche der Zeile.

ink/surface_alt 14.30 · AAA
Linie#ccced5

1 px-Regel unter jeder Zeile. Nie Schriftfarbe.

Non-Text
Tinte#1e1f25

Aller Fliesstext, alle Überschriften, alle Titel.

auf surface 15.34 · AAA
Tinte weich#565962

Alle Meta: Preis, Dauer, Zeiten, Lektionsnummer.

6.53 · AA, nicht AAA
Signal#2c2cac

Nur zweierlei: 2 px-Unterstreichung und der eine gefüllte Knopf.

primary/surface 9.50 · AAA
Auf Signal#ffffff

Schrift auf #2c2cac und auf #2c244c.

on_primary/primary 10.18 · AAA
Gegenpol#2c244c

Genau zwei Bänder: Lehrsatz + Fussblock. Nie Knopf, nie Linie.

secondary/surface 13.39 · AAA
Knopf gedrückt#222a64

Nur Hover/Active des gefüllten Knopfs.

Skala primary-12
Accent — gesperrt#3941c1

Kommt nirgends vor. Ein Register verträgt genau ein Signal.

verboten

04 — Familjen Grotesk 400/500 · Crimson Pro 400

Typografie

Display · 72 / 40 · −0.02em

Ein Statement setzen

H2 · 44 / 32 · −0.015em

Kurse für Friseure

H3 · 28 / 22 · −0.01em

Kompletter Re-Styling-Service

H4 · 20 / 18 · 500

Deine Anfrage

Body · 20 / 18 · 1.55

Viele meiner Kundinnen wollen einfach einen guten Haarschnitt, der jeden Tag mit wenig Aufwand schön ist. Ich zeige dir vorher an Bildern, was zu deinem Gesicht und deiner Haarstruktur passt.

Zitat · 32 / 24 · italic

Ein guter Schnitt sieht auch nachgewachsen noch aus wie ein guter Schnitt.

Meta-Versal · 13 · +0.12em

01  ·  MG Style Akademie  ·  Köln  ·  München

Preis · 20 / 18 · tabular-nums

€  80
€  50
€ 150

Knopf · 14 · +0.08em

Termin anfragen


Das Motiv «Die Lektion»: jede Einheit trägt eine zweistellige Ordnungsnummer auf einer Haarlinie — 13 px, Versal, +0.12 em, #565962. Nie grösser, nie auf dem Knopf, nie auf Foto-Pixeln.


05 — Über mich

Ein guter Schnitt sieht auch nachgewachsen noch aus wie ein guter Schnitt.

Ich habe die Live-Akademie in Köln gemacht, danach die Visagistenschule in München und die englische Haarschneidekunst von Pivot Point in London. Seitdem schneide ich entlang der natürlichen Schwingung des Haars — und bringe genau das in der Akademie weiter.

Mehr über meinen Weg

Genau zwei Bänder sind dunkel

Dieses Lehrsatz-Band und der Fussblock. Zusammen rund 18 % der Fläche — der warme Gegenpol im sonst durchgehend kühlen #f5f7fd, und die einzigen zwei Stellen, an denen etwas randlos läuft. Randlos in Farbe, nie in Foto.

Termin anfragen

06 — Zustände sind Werte, keine Adjektive

Komponenten

Knöpfe · hover echt, focus mit Tab prüfen

Alle Leistungen

Karten · das eine 3-Spalten-Grid der Site


Felder · das Feld ist eine Linie, kein Kasten

Damit nichts offen bleibt

Termine nach Vereinbarung — Köln laufend, München etwa eine Woche im Monat.

WhatsApp  ·  +49 176 247 66 328

Fehlerfarbe ist #2c244c, nicht Rot — die Palette kennt kein Rot, und ein erfundenes Rot wäre ein Fremdhex.

07 — Tafeln, nicht Kulisse

Bildsprache

Fester 4:5-Rahmen über alle Motive, object-fit: contain auf #edeff6. Ein 9:16-Original bleibt als Hochformat sichtbar und steht trotzdem im selben Rahmen wie jedes andere Bild. Kein Foto läuft randlos, kein Text liegt je darauf.

01 Vorher

Vorher

02 Nachher

Nachher

Moodboard — kühl, entsättigt, Schatten Richtung #2c244c

Moodboard MG Style