Palette, Schrift, Bausteine und echte Anwendungen. Ein Design für Angebote, die sich anfühlen wie ein Geschenk an sich selbst.
Fühlt sich an wie eine orange Schachtel mit braunem Band, die jemand vor dir auf den Tisch stellt: Du weißt sofort, dass darin etwas Besonderes ist.
Hoch bis sehr hoch. Wirkt wertvoll, ohne laut zu sein.
| Format | Beispiel |
|---|---|
| Headline | Die Kunst des Wachsens. |
| Button | Gespräch anfragen |
| Betreff | Eine Einladung für Saison 2027 |
| Post | Sechs Monate. Sechs Frauen. Eine Haltung, die bleibt. |
Handwerk · Haltung · Zeit · Einladung · Sorgfalt
Hack · schnell · Rabatt · günstig · Bonus-Paket
Ein Rechteck in Orange mit einem dunkelbraunen Band, wie eine Geschenkschachtel. Es taucht als Bild, als Fläche oder als schmales Band am Rand auf. Dazu eine elegante Bodoni mit kursivem Wort und Labels in Großbuchstaben mit sehr weiter Sperrung.
Crème und Sable tragen die Seite. Orange erscheint einmal als großer Auftritt, wie die Schachtel auf dem Tisch. Bolduc-Braun rahmt Haltung und Schluss.
| AaHeadline auf Crème | 15,6 : 1 · AAA |
| AaFließtext auf Crème | 10,6 : 1 · AAA |
| AaNebentext auf Sable | 5,2 : 1 · AA |
| AaButton-Text auf Orange | 5,7 : 1 · AA |
| AaCognac auf Crème | 5,5 : 1 · AA |
| AaWeiß auf Orange (nur Deko) | 2,9 : 1 · nur Deko |
AA heißt: gut lesbar für Fließtext. Alles unter 4,5 : 1 nur für große Headlines oder Deko verwenden.
Reihenfolge der Farben: #F37021, #3D2314, #A34A12, #B0835A, #6E7F62. Orange zuerst, dann Bolduc und Cognac. Diagramme schlank, mit feiner Grundlinie und Beschriftung in Großbuchstaben.
Ein Rechteck in Orange mit einem dunkelbraunen Band, wie eine Geschenkschachtel. Es taucht als Bild, als Fläche oder als schmales Band am Rand auf. Dazu eine elegante Bodoni mit kursivem Wort und Labels in Großbuchstaben mit sehr weiter Sperrung.
Bodoni wirkt bei langen Wörtern schnell gedrängt. Headlines mit höchstens sechs Wörtern, lange Wörter auflösen. Französische Wörter sparsam einsetzen, höchstens eines pro Seite.
Eckige Buttons in Orange mit dunkelbrauner Schrift, Großbuchstaben, weite Sperrung. Zweitbutton mit feinem Rahmen. Auf Orange-Flächen wird der Button braun mit oranger Schrift.
Wo du stehst, was du willst.
Monat 1Angebot, Preis, Haltung.
Monat 2–3Dein Auftritt mit Ruhe.
Monat 4–5Was bleibt, wenn die Saison endet.
Monat 6« Ich habe meine Preise verdoppelt und arbeite weniger. Vor allem fühle ich mich wieder wie ich. »
« Sechs Monate, die sich angefühlt haben wie ein Jahr Wachstum. »
drei Monate, in der Gruppe
sechs Monate, 1:1 und Gruppe
zwölf Monate, ganz persönlich
0 von 4 erledigt
| Klassisches Coaching | Mentoring Privé | |
|---|---|---|
| Dauer | zehn Stunden | sechs Monate |
| Gruppe | keine | sechs Frauen |
| Fokus | Strategie | Haltung und Strategie |
Orange Fläche mit dunkelbraunem Band am Rand, Bodoni-Headline mit kursivem Wort, Label in Großbuchstaben. Stories in Bolduc-Braun. Wenig Text, viel Raum.
Bolduc-braune Folie mit schmalem orangem Band rechts, Bodoni-Headline, kursives Wort in hellem Orange. Schritte als Kacheln mit feinem Rahmen.
Bevor wir über Ziele sprechen, sprechen wir über Haltung. Was soll bleiben, wenn du in zehn Jahren auf dein Unternehmen schaust?
Wachstum ist eine Entscheidung für etwas. Und damit immer auch gegen etwas.
Schreib drei Dinge auf, die in deinem Unternehmen genau so bleiben sollen.
Papierweißes Blatt mit feinem Rahmen, Heftnummer als Label, Gedanke auf Abricot, Kennzahlen in kursiver Bodoni. Druckt warm und edel.
Liebe Anna,
im Januar beginnt die neue Saison des Mentoring Privé. Sechs Unternehmerinnen, sechs Monate, ein gemeinsamer Tag in Lauenburg.
Ich schreibe dir, weil du in den letzten Monaten oft geantwortet hast. Das freut mich sehr. Wenn du dir vorstellen kannst, dabei zu sein, lass uns sprechen.
Es gibt keine Frist und keinen Rabatt. Nur ein Gespräch, in dem wir beide herausfinden, ob es passt.
Mit herzlichen Grüßen
Jay
PS: Die Saison-Broschüre findest du im Anhang.
Wie ein Brief auf Büttenpapier: „Liebe Anna“, wenige Absätze, orange Kopf-Fläche, eckiger oranger Button. Die Ausgabe heißt „Lettre Nr.“.
Jede Phase hat ein Thema und einen festen Termin. So weißt du immer, wo du stehst und was als Nächstes kommt.
Einmal im Monat, digital.
Zwölf Termine 1:1.
Ein Tag an der Elbe.
Ein Arbeitsheft pro Phase.
Orange Kopf mit Ébène-Schrift, Tabs in Großbuchstaben, Kacheln in Sable, Schritte als feine Kreise in Cognac.
Sechs Monate Begleitung für Unternehmerinnen, die weiterwachsen wollen, ohne lauter zu werden.
4.800 € · auch in sechs Raten · Aufnahme nach GesprächSechs Monate Begleitung für Unternehmerinnen, die bleiben wollen.
Wo du stehst, was du willst.
Angebot, Preis, Haltung.
Dein Auftritt mit Ruhe.
Was bleibt, wenn die Saison endet.
« Ich habe meine Preise verdoppelt und arbeite weniger. Vor allem fühle ich mich wieder wie ich. »
drei Monate, in der Gruppe
sechs Monate, 1:1 und Gruppe
zwölf Monate, ganz persönlich
Lass uns sprechen. Eine Stunde, ganz unverbindlich.
Hero auf Crème mit der Schachtel, Anliegen auf Sable, Intro auf Orange wie die Schachtel selbst, Preise auf Papier, Schluss in Bolduc-Braun.
Als Skill hochladen oder in einem Projekt unter „Projektwissen“ ablegen. Alternativ den Text an den Anfang eines Chats kopieren.
In einem Projekt oder eigenen GPT als Datei hochladen oder in die Anweisungen kopieren.
Ein Gem anlegen und den Text in die Anweisungen einfügen.
Die Datei in den Skill- oder Design-System-Ordner legen. Jede KI, die Text lesen kann, versteht sie.
---
name: maison-orange-brand
description: Exklusives Luxus-Design in Crème und Sable mit Orange als großer Geste und Bolduc-Braun für Band und dunkle Flächen. Bodoni Moda mit kursivem Wort für Headlines, Jost für Text, Labels in Großbuchstaben mit weiter Sperrung, fast eckige Formen. Erkennungszeichen ist die orange Schachtel mit braunem Band. Für Premium-Mentoring, Manufaktur, Schmuck und exklusive Angebote. Trigger diesen Skill, wenn jemand sagt: "Maison Orange", "Maison Orange-Design", "im Maison Orange-Stil", "wie Hermès", "Hermès-Look", "Maison-Orange-Design", "Hermès-Stil", "Luxus-Design", "orange Luxus", "Premium-Mentoring-Design". Auch nutzen, wenn ein Angebot das Gefühl „Exklusiv. Zeitlos. Ein Geschenk.“ auslösen soll.
---
# Maison Orange · Brand-System
> Showcase mit allen Ansichten: https://8bd-3i1.pages.dev/maison-orange-showcase.html
> Angelehnt an die Designsprache von Hermès. Eigene Farben, Schriften und Namen: keine Logos, keine Markennamen und keine geschützten Elemente von Hermès übernehmen.
## Kurzfassung (zuerst lesen)
- **Gefühl:** Exklusiv. Zeitlos. Ein Geschenk. Fühlt sich an wie eine orange Schachtel mit braunem Band, die jemand vor dir auf den Tisch stellt: Du weißt sofort, dass darin etwas Besonderes ist.
- **Farben:** Crème #FBF6EE · Sable #F4EBDD · Papier #FFFDF9 · Orange #F37021 · Abricot #FCE3CF · Bolduc #3D2314
- **Schriften:** Bodoni Moda (Headlines) · Jost (Fließtext) · Jost (Labels)
- **Formen:** Karten-Radius 2px, Button-Radius 2px, in Ruhe keine Schatten, beim Darüberfahren 0 18px 40px rgba(61,35,20,.10)
- **Die 5 wichtigsten Regeln:**
1. Orange als große, seltene Geste, wie eine Geschenkschachtel.
2. Bodoni-Headlines mit einem kursiven Wort.
3. Labels in Großbuchstaben mit weiter Sperrung.
4. Crème statt Weiß, Braun statt Schwarz.
5. Ruhe und Raum, nie gedrängt.
---
## Wirkung & Einsatz
**So fühlt es sich an:** Exklusiv. Zeitlos. Ein Geschenk.
Fühlt sich an wie eine orange Schachtel mit braunem Band, die jemand vor dir auf den Tisch stellt: Du weißt sofort, dass darin etwas Besonderes ist.
**Nimm dieses Design, wenn:** Deine Kundin soll denken: Das ist nicht für jede. Aber für mich.
**Passt zu diesen Angeboten:**
- Premium-Mentoring und 1:1-Begleitung
- Handwerk, Manufaktur, Schmuck, Mode
- Exklusive Events, Masterminds und Retreats
**Branchen:** Mentoring, Manufaktur, Schmuck, Interior, Hochzeiten, Mode
**Preisgefühl:** Hoch bis sehr hoch. Wirkt wertvoll, ohne laut zu sein.
**Lieber nicht, wenn:**
- Dein Produkt kostet unter 100 €
- Du willst locker und verspielt wirken
- Viel Text und viele Infos müssen auf eine Seite
---
## Tonalität
**Ton:** Elegant, Souverän, Großzügig
- Wenige Worte, jedes mit Gewicht
- Handwerk und Haltung betonen, keine Ergebnisse versprechen
- Nie drängen: keine Fristen, keine Rabatte
- Ein französisches Wort darf vorkommen, mehr nicht
| Format | Beispiel |
|---|---|
| Headline | Die Kunst des Wachsens. |
| Button | Gespräch anfragen |
| Betreff | Eine Einladung für Saison 2027 |
| Post | Sechs Monate. Sechs Frauen. Eine Haltung, die bleibt. |
- **Diese Wörter passen:** Handwerk, Haltung, Zeit, Einladung, Sorgfalt
- **Diese Wörter meiden:** Hack, schnell, Rabatt, günstig, Bonus-Paket
Allgemein für alle Texte: kurze, aktive Sätze. Verben statt Hauptwörter („du planst“ statt „die Planung“). Keine Gedankenstrich-Einschübe, keine „nicht X, sondern Y“-Formeln, keine Floskeln.
---
## Farben
| Name | Hex | Einsatz |
|---|---|---|
| Crème | #FBF6EE | Hauptfläche |
| Sable | #F4EBDD | Kacheln, zweite Fläche |
| Papier | #FFFDF9 | Dokumente, Karten |
| Orange | #F37021 | Schachtel, Buttons, Flächen |
| Abricot | #FCE3CF | Tönung für Hinweise |
| Bolduc | #3D2314 | Band, dunkle Flächen |
| Ébène | #2A1A10 | Headlines, Text auf Orange |
| Noisette | #4A3628 | Fließtext |
| Taupe | #6F5F50 | Nebentext |
| Cognac | #A34A12 | kursive Wörter, Labels |
### Farbregeln
- Orange ist die Schachtel: groß und selten, nie als kleiner Text auf hellem Grund.
- Auf Orange steht immer Ébène, nie Weiß.
- Bolduc-Braun für dunkle Flächen und das Band.
- Cognac für kursive Wörter und Labels.
- Keine Grautöne, keine kalten Farben.
### Kontrast (WCAG)
| Kombination | Farben | Kontrast | Einsatz |
|---|---|---|---|
| Headline auf Crème | #2A1A10 auf #FBF6EE | 15,6 : 1 | Fließtext ok |
| Fließtext auf Crème | #4A3628 auf #FBF6EE | 10,6 : 1 | Fließtext ok |
| Nebentext auf Sable | #6F5F50 auf #F4EBDD | 5,2 : 1 | Fließtext ok |
| Button-Text auf Orange | #2A1A10 auf #F37021 | 5,7 : 1 | Fließtext ok |
| Cognac auf Crème | #A34A12 auf #FBF6EE | 5,5 : 1 | Fließtext ok |
| Weiß auf Orange (nur Deko) | #FFFFFF auf #F37021 | 2,9 : 1 | nur Deko |
### Diagrammfarben (in dieser Reihenfolge)
1. #F37021
2. #3D2314
3. #A34A12
4. #B0835A
5. #6E7F62
Orange zuerst, dann Bolduc und Cognac. Diagramme schlank, mit feiner Grundlinie und Beschriftung in Großbuchstaben.
---
## Typografie
```html
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500&family=Jost:wght@400;500;600&display=swap">
```
| Rolle | Schrift | Details |
|---|---|---|
| Headlines | Bodoni Moda | 400–500 · 36–84 px · ein Wort kursiv |
| Fließtext | Jost | 400 · 15–17 px · Zeilenhöhe 1,7 |
| Labels | Jost | 500 · 11–13 px · Großbuchstaben · Sperrung 24 % |
### Schriftgrößen
| Rolle | Werte | Beispiel |
|---|---|---|
| Hero | 84 / 1,04 / 500 | Mentoring Privé |
| H2 | 44 / 1,1 / 500 | Sechs Monate, eine Haltung |
| H3 | 24 / 1,2 / 500 | Was wir gemeinsam bauen |
| Fließtext | 17 / 1,7 / 400 | Wir arbeiten in kleinen, sorgfältigen Schritten. |
| Label | 12 / Sperrung 24 % / 500 | Saison 2027 |
### Typografie-Regeln
- Headlines in Bodoni Moda 500, ein Wort kursiv in Cognac.
- Labels und Buttons in Großbuchstaben mit 18–24 % Sperrung.
- Die Wortmarke in Großbuchstaben mit weiter Sperrung.
- Viel Zeilenabstand im Fließtext, nie gedrängt.
- **Deutsche Texte:** `lang="de"` setzen und Headlines mit `hyphens: auto` ausstatten. Bodoni wirkt bei langen Wörtern schnell gedrängt. Headlines mit höchstens sechs Wörtern, lange Wörter auflösen. Französische Wörter sparsam einsetzen, höchstens eines pro Seite.
---
## Abstände, Formen, Schatten
- **Raster:** 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 px. Nur diese Werte für Abstände verwenden.
- **Container:** Text max. 760 px breit (rund 65 Zeichen pro Zeile), breite Layouts max. 1100 px.
- **Abschnitts-Abstand:** Desktop 96 px oben und unten, Handy 56 px. Seitenrand mindestens 16 px.
- **Radius:** Karten 2px · Kacheln 2px · Buttons 2px · Eingabefelder 2px · Bilder 2px
- **Schatten:** in Ruhe keine Schatten, beim Darüberfahren 0 18px 40px rgba(61,35,20,.10)
- **Raster-Abstand zwischen Karten:** 14px
---
## Layout
**Abschnitts-Rhythmus einer Salespage:**
1. Hero: Hintergrund #FBF6EE
2. Anliegen: zweite Fläche #F4EBDD
3. Wandel: Hintergrund #FBF6EE
4. Intro: Akzentfläche #F37021
5. Phasen: Hintergrund #FBF6EE
6. Stimme: zweite Fläche #F4EBDD
7. Haltung: dunkle Fläche #3D2314
8. Angebot: Papier #FFFDF9
9. Fragen: Hintergrund #FBF6EE
10. Termin: dunkle Fläche #3D2314
Crème und Sable tragen die Seite. Orange erscheint einmal als großer Auftritt, wie die Schachtel auf dem Tisch. Bolduc-Braun rahmt Haltung und Schluss.
**Erkennungszeichen: Die orange Schachtel.** Ein Rechteck in Orange mit einem dunkelbraunen Band, wie eine Geschenkschachtel. Es taucht als Bild, als Fläche oder als schmales Band am Rand auf. Dazu eine elegante Bodoni mit kursivem Wort und Labels in Großbuchstaben mit sehr weiter Sperrung.
- Fast eckig: 2 px Rundung als feiner Schliff.
- Großzügige Ränder, Inhalte oft zentriert wie auf einer Einladungskarte.
- Das Band in Bolduc-Braun als schmale Linie am Rand von Bildern und Folien.
---
## Bausteine
### Buttons
```css
.btn { font-family: 'Jost', Futura, 'Century Gothic', sans-serif; font-size: 13px; font-weight: 500;
letter-spacing: 0.18em; text-transform: uppercase;
padding: 16px 34px; border-radius: 2px; transition: all .3s; }
.btn-primary { background: #F37021; color: #2A1A10; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(243,112,33,.28); }
.btn-secondary { background: transparent; color: #2A1A10; border: 1.5px solid #2A1A10; }
```
Eckige Buttons in Orange mit dunkelbrauner Schrift, Großbuchstaben, weite Sperrung. Zweitbutton mit feinem Rahmen. Auf Orange-Flächen wird der Button braun mit oranger Schrift.
### Karten und Kacheln
```css
.card { background: #FFFDF9; border: 1px solid #E3D5C2; border-radius: 2px; box-shadow: none; padding: 32px; }
.tile { background: #F4EBDD; border: none; border-radius: 2px; padding: 22px; }
.tile:hover { box-shadow: 0 18px 40px rgba(61,35,20,.10); }
```
### Labels, Tags, Eingabefelder
```css
.label { font-family: 'Jost', Futura, 'Century Gothic', sans-serif; font-size: 12px; font-weight: 500;
letter-spacing: 0.24em; text-transform: uppercase; color: #A34A12; }
.tag { background: #F37021; color: #2A1A10; border-radius: 2px; padding: 5px 12px; font-size: 12px; font-weight: 600; }
input { border: 1px solid #CDB89E; background: #FFFDF9; border-radius: 2px; padding: 14px 16px; font-size: 16px; }
input:focus { border-color: #F37021; box-shadow: 0 0 0 3px rgba(243,112,33,.25); }
```
### Weitere Bausteine (alle im Showcase zu sehen)
- **Schmerzpunkte:** Liste mit feinen Trennlinien (#E3D5C2), links ein Kreis mit ✕ in #A34A12. Beim Darüberfahren rückt die Zeile 6 px ein.
- **Vorher / nachher:** Kachel, oben das Vorher klein und durchgestrichen, darunter das Nachher kräftig.
- **Module:** Kachel mit großer Nummer in der Headline-Schrift (#A34A12), Titel, kurzer Beschreibung und Tag. Nummern nur, wenn die Reihenfolge wirklich zählt.
- **Kundenstimmen:** Zitat in Bodoni Moda 22 px, darunter rundes Kürzel, Name und Beruf.
- **Preis-Pakete:** drei Kacheln nebeneinander, das empfohlene Paket mit 2 px Rahmen in #F37021 und Tag „Empfohlen“.
- **FAQ:** Zeilen mit Trennlinien, rechts ein Kreis mit +. Offen: Kreis gefüllt in #F37021, das + dreht sich zum ×.
- **Checkliste:** echte Checkboxen in #F37021, erledigte Punkte grau und durchgestrichen, darunter „2 von 4 erledigt“.
- **Hinweis-Box:** Fläche #FCE3CF, rundes i-Symbol in #F37021.
- **Formular (Freebie):** Vorname, E-Mail, Datenschutz-Checkbox (nicht vorausgewählt), Button. Fehlermeldungen sagen, was zu tun ist.
- **Tabelle:** Kopfzeile im Label-Stil, letzte Spalte in #A34A12 hervorgehoben.
---
## Formate
- **Social Media:** Orange Fläche mit dunkelbraunem Band am Rand, Bodoni-Headline mit kursivem Wort, Label in Großbuchstaben. Stories in Bolduc-Braun. Wenig Text, viel Raum.
- **Folien (16:9):** Bolduc-braune Folie mit schmalem orangem Band rechts, Bodoni-Headline, kursives Wort in hellem Orange. Schritte als Kacheln mit feinem Rahmen.
- **Dokumente, Workbooks, PDF:** Papierweißes Blatt mit feinem Rahmen, Heftnummer als Label, Gedanke auf Abricot, Kennzahlen in kursiver Bodoni. Druckt warm und edel.
- **Newsletter:** Wie ein Brief auf Büttenpapier: „Liebe Anna“, wenige Absätze, orange Kopf-Fläche, eckiger oranger Button. Die Ausgabe heißt „Lettre Nr.“.
- **Artefakte und kleine Tools:** Orange Kopf mit Ébène-Schrift, Tabs in Großbuchstaben, Kacheln in Sable, Schritte als feine Kreise in Cognac.
- **Salespage:** Hero auf Crème mit der Schachtel, Anliegen auf Sable, Intro auf Orange wie die Schachtel selbst, Preise auf Papier, Schluss in Bolduc-Braun.
---
## Bildsprache
Handwerk und Material: Leder, Holz, Papier, Seide. Warmes Fensterlicht, ruhige Kompositionen mit viel Raum. Die orange Schachtel als wiederkehrendes Motiv. Menschen konzentriert bei der Arbeit, nie gestellt.
**Bild-Prompt-Stichworte:**
```
luxury craftsmanship, warm window light, orange gift box with brown ribbon,
leather and wood textures, elegant atelier, calm composition,
generous negative space, timeless editorial photography, cream and cognac tones
```
---
## Bewegung & Interaktion
- Inhalte blenden langsam ein (0,7 s).
- Beim Darüberfahren heben sich Karten mit einem warmen, weichen Schatten.
- Buttons hellen sich leicht auf, ohne zu springen.
- Alle Übergänge 0,25 bis 0,4 Sekunden. Bei `prefers-reduced-motion` alle Animationen ausschalten.
- Tastatur-Fokus immer sichtbar: 3 px Rahmen in #A34A12.
---
## Was dieses Design NICHT ist
- Kein Weiß auf Orange
- Keine kräftigen Rundungen
- Keine Grautöne, kein Schwarz
- Keine Rabatte, Countdowns oder Ausrufezeichen
- Nicht mehr als ein französisches Wort pro Seite
- Kein Orange als kleiner Text auf hellem Grund
---
## CSS-Variablen (kopierfertig)
```css
:root {
--line-strong: #CDB89E;
--on-accent2: rgba(42,26,16,.82);
--line-accent: rgba(42,26,16,.22);
--tile-accent: rgba(255,253,249,.28);
--line-dark: rgba(251,246,238,.16);
--tile-dark: rgba(251,246,238,.07);
--tile-border-dark: 1px solid rgba(251,246,238,.14);
--tag-bg-dark: #F37021;
--tag-ink-dark: #2A1A10;
--card-border: 1px solid #E3D5C2;
--tile-border: none;
--shadow: none;
--shadow-hover: 0 18px 40px rgba(61,35,20,.10);
--r-pill: 2px;
--r-icon: 50%;
--r-chip: 2px;
--r-bar: 0px;
--r-avatar: 50%;
--r-slide-tile: 2px;
--slide-gap: 1.2cqw;
--tab-w: 500;
--quote-size: 22px;
--tag-track: 0.16em;
--wm-tf: uppercase;
--focus-ring: rgba(243,112,33,.25);
--doc-border: 1px solid #E3D5C2;
--strip-gap: 0px;
--bg: #FBF6EE;
--alt: #F4EBDD;
--soft: #FCE3CF;
--paper: #FFFDF9;
--card: #FFFDF9;
--tile: #F4EBDD;
--tile-on-bg: #F4EBDD;
--tile-on-soft: #FFFDF9;
--tile-hover: #EFE2CF;
--ink: #2A1A10;
--ink2: #4A3628;
--ink3: #6F5F50;
--line: #E3D5C2;
--accent: #F37021;
--accent-bg: #F37021;
--on-accent: #2A1A10;
--sa-ink: #2A1A10;
--sa-ink2: rgba(42,26,16,.82);
--sa-btn-ink: #F37021;
--accent-text: #A34A12;
--label: #A34A12;
--dark: #3D2314;
--on-dark: #FBF6EE;
--on-dark2: #D9C6B0;
--label-dark: #F58A45;
--accent-text-dark: #F58A45;
--x-color: #A34A12;
--tag-bg: #F37021;
--tag-ink: #2A1A10;
--focus: #A34A12;
--ticker-bg: #F4EBDD;
--dot: #F37021;
--nav-bg: rgba(251,246,238,.95);
--tab-active: #F37021;
--r-card: 2px;
--r-tile: 2px;
--r-btn: 2px;
--r-input: 2px;
--r-media: 2px;
--r-slide: 2px;
--r-doc: 2px;
--grid-gap: 14px;
--f-display: 'Bodoni Moda', Didot, 'Times New Roman', serif;
--f-body: 'Jost', Futura, 'Century Gothic', sans-serif;
--f-label: 'Jost', Futura, 'Century Gothic', sans-serif;
--f-mono: 'Jost', Futura, 'Century Gothic', sans-serif;
--f-btn: 'Jost', Futura, 'Century Gothic', sans-serif;
--f-quote: 'Bodoni Moda', Didot, 'Times New Roman', serif;
--h-w: 500;
--h-track: -0.01em;
--h-lh: 1.08;
--h-tf: none;
--hero-size: clamp(42px,8vw,84px);
--num-w: 400;
--l-size: 12px;
--l-w: 500;
--l-track: 0.24em;
--l-tf: uppercase;
--b-size: 13px;
--b-w: 500;
--b-track: 0.18em;
--b-tf: uppercase;
--b-pad: 16px 34px;
--btn-bg: #F37021;
--btn-ink: #2A1A10;
--btn-shadow: 0 10px 26px rgba(243,112,33,.28);
--btn-sec-hover-ink: #FBF6EE;
--input-border: 1px solid #CDB89E;
--input-bg: #FFFDF9;
--star: #F37021;
--ph: linear-gradient(160deg,#F6D7BE 0%,#E9B48C 60%,#C98352 100%);
--ph-ink: #2A1A10;
--ph-chip: rgba(255,253,249,.88);
--poll-bg: rgba(251,246,238,.12);
--poll-ink: #FBF6EE;
--doc-shadow: 0 20px 50px rgba(61,35,20,.08);
--f-script: 'Jost', Futura, 'Century Gothic', sans-serif;
}
```
---
## Prüfliste vor der Abgabe
- [ ] Nur Farben aus der Palette oben verwendet
- [ ] Fließtext hat mindestens 4,5 : 1 Kontrast, kleinste Schrift 12 px
- [ ] Headlines in Bodoni Moda, Fließtext in Jost
- [ ] Deutsche Headlines mit Silbentrennung, keine Wörter abgeschnitten
- [ ] Auf dem Handy (400 px) einspaltig, nichts scrollt seitlich
- [ ] Tastatur-Fokus sichtbar, Bewegungen abschaltbar
- [ ] Orange nur als große Fläche oder Button
- [ ] Ein kursives Wort pro Headline
- [ ] Labels in Großbuchstaben mit weiter Sperrung
Eine Skill-Datei. Jede Ausgabe passt. Einmal festlegen, dann einfach beim Namen nennen: „Maison Orange“.
Datei: maison-orange-brand-SKILL.md