HomeRoster
What we do
For brandsFor creators
TeamContact
/
Brand Guidelines

So sieht heyhey. aus.

Logo, Farben, Schrift und Bausteine. Die Grundlage für alles, was wir gestalten.

Farben

Drei Farben. Ein Auftritt.

Coco führt, Peppa setzt Akzente, Carlo bringt Licht. Dazu drei Neutrale für Text und Flächen.

PrimärCoco
Hell #8E81EF
SekundärPeppa
Hell #FF7A97
AkzentCarlo
Text, dunkle Flächenheyhey.black
Helle Flächenheyhey.white
Nebentextheyhey.midgrey

Verläufe

Die Farben laufen ineinander. So entstehen die Flächen der Site.

Coco
Sunset
Berry
Typografie

Eine Schrift für alles.

Biennale trägt Headlines, Fließtext und Oberfläche. Vier Schnitte reichen.

AaBiennale Regular400
AaBiennale Medium500
AaBiennale SemiBold600
AaBiennale Bold700
DisplayBold · 42–104 px · −4 % Laufweite

Hier bist du richtig.

HeadlineBold · 32–60 px · −3 % Laufweite

Du machst Content. Wir den Rest.

TitelBold · 19–21 px

Rechnung im Namen deiner Firma

LeadRegular · 16–21 px · Zeilenhöhe 1,55

Anfragen, Verträge, Rechnungen. Der Teil des Geschäfts, den niemand sehen will.

FließtextRegular · 16 px · Zeilenhöhe 1,7

Wir verhandeln, schreiben die Rechnung und behalten den Zahlungseingang im Blick. Du siehst jeden Schritt in deiner App.

EyebrowBold · 12 px · Versalien · +18 % Laufweite

So funktioniert's

Bausteine

Daraus bauen wir.

Dieselben Teile auf jeder Seite. Wer etwas Neues braucht, baut es aus diesen.

Buttons
Hauptaktion
Zweitaktion
Nebenaktion
Karte

Karte

Fläche für eine Aussage: Icon, Titel, ein Satz.

Verlaufskachel

Verlaufskachel

Für Schritte und Höhepunkte.

Überschrift
Eyebrow

Headline mit Akzent.

BadgeBadge mit Signalpunkt
Radien
S · 8 px
M · 14 px
L · 20 px
XL · 26 px
Pill · rund