ManolitosWelt

Papier & Poststempel

Eine Richtung für alle Seiten: warmes Papier, ein Editorial-Raster, gestempelte Details und die drei Markenfarben, jeweils eine pro Abschnitt.

Marke unverändert, Neutrale warm

Sonne, Gras, Himmel und Warn bleiben exakt wie in tokens.css. Neu sind Papier (warm) und Ink (tiefes Blau statt Braun), abgeleitet aus dem Pass-Blau.

--sun#F9B233
--grass#7DB315
--sky#3DA5D9
--warn#E25C4E
--passport-cover#18617F
--ink#123A4C
--ink-soft#4D6B78
--card#FFFDF9
--paper#FFF9EE
--paper-2#F7ECD8
--paper-3#EFE0C6
--wash-sunsun 16% + paper
--wash-grassgrass 12% + paper
--wash-skysky 13% + paper

Baloo 2 für Überschriften, Nunito für alles andere

Die zweite Schrift ist der größte Sprung: eine warme Display-Schrift gibt den Seiten Charakter, Nunito bleibt die Stimme der Oberfläche.

H1 · Baloo 2 · 38–60pxDein Reise-Abenteuer
H2 · Baloo 2 · 28–40pxIn 4 Schritten zur Traumreise
H3 · Baloo 2 · 21pxDer Check-In
Lede · Nunito 600 · 17.5pxKein Stress, kein langes Suchen: nur ihr, Manolito und ein bisschen Vorfreude.
Body · Nunito 600 · 16.5pxManolito ist eine reisefreudige Giraffe, die mit dir plant.
Meta · Nunito 800 · 12.5pxStation 1 / 3

Ein Knopf, eine Karte, ein Stempel

PrimärBlauGhostLöschenKleinGroßbald verfügbarTextlink ChipTagGrassSun

Hairline plus warmer Schatten

Statt des harten Farb-Offsets trägt jetzt eine 1px-Linie die Form, der Schatten liegt tief und warm darunter.

Gestrichelt für Leeres

Alles, was noch nicht gefüllt oder freigespielt ist, wird gestrichelt gezeichnet, nie grau ausgeblendet.

🇮🇹ItalienRomIT · 26

Ein Feld, zwei Stimmen

Jedes Formular im Produkt wird aus .field gebaut: Label, Eingabefeld und Fokus-Ring kommen mit. Die dichte Variante ändert nur das Label, für Oberflächen mit vielen Feldern hintereinander.

.field

Der Normalfall: Kontakt, Galerie-Upload, Reisepass.

(*) Pflichtfelder

.field--dense

Nur für den Admin: gleiche Eingabefelder, aber ein Label in normaler Schreibweise, das sich bei 14 Feldern noch scannen lässt.

Rückmeldungen

Zwei Bänder und eine leise Zeile. Fehler und Erfolg teilen sich dieselbe Form, nur Wash und Ink wechseln.

Der Beitrag wurde gespeichert.

Slug ist bereits vergeben, bitte einen anderen wählen.

Ein Bild ist zu groß (max. 4 MB pro Bild).

Perforation, Klebeband, Poststempel

Die Post-Sprache als wiederverwendbare Motive: Tape, Postmark und Dashline auf jeder Fläche, Wellen-Trenner über den Bändern.

Tape
Postmark
Dashline
band-paper
band-sun
band-ink

Was sich gegenüber heute ändert

01

Warmes Papier

Warmes Papier, dazu ein tiefes Blau als Ink. Kein Braun und kein Schwarz mehr als Fläche.

02

Dichter gesetzt

Abschnitts-Padding von 100 auf 78 Pixel, engere Raster, Trennlinien statt Luftlöcher.

03

Ein Motiv überall

Perforation, gestrichelte Route, Klebeband: dieselbe Post-Sprache auf Landing, Pass, Quiz und Karte.