Freudenthaler

Styleguide

Wie die Marke aussieht, klingt und gebaut ist - dokumentiert an der Seite, die Sie gerade lesen. Logodateien stehen unten zum Download.

01

Haltung

Seriös, aufgeräumt, mit Bodenhaftung. Wir sehen aus wie ein verlässlicher Digitalisierungspartner für den Mittelstand - nicht wie eine Kreativagentur und nicht wie ein KI-Startup.

Monochrom mit einem Akzent
Schwarz, Weiß, Grau und genau ein Gelb, das nur hervorhebt.
Ruhige Raster
Großzügige Abstände, klare Karten, sauberer Rhythmus.
Inhalt vor Effekt
Keine Spielerei, keine Stockfotos. Die Aussage trägt die Seite.
02

Farben

Schwarz
#0A0A0A
Primär, Hero, dunkle Sektionen, Haupttext
Weiß
#FFFFFF
Hintergrund, Text auf Dunkel
Hellgrau
#F5F5F5
Flächen, jede zweite Sektion
Rahmen-Grau
#D4D4D4
Karten- und Tabellenrahmen
Text-Grau
#6B6B6B
Fließtext, sekundärer Text
Gelb (Akzent)
#FFCD13
Hervorhebung — und sonst nichts

Gelb - die Regeln

Gelb trägt genau eines: Hervorhebung. Das eine Wort einer Überschrift, den aktiven Navigationspunkt, den Punkt in der Hero-Pille. Wie es auftritt, hängt vom Grund ab.

So
Auf hellem Grund als Fläche hinter dunkler Schrift, wie ein Textmarker.
Nicht so
Gelbe Schrift auf Weiß - unlesbar.
So
Auf dunklem Grund als Schrift oder als Punkt.
Nicht so
Gelbe Kästen auf Schwarz - das ist ein Warnschild.

Und in beiden Fällen: nie als Rahmen, nie als Strich, auch nicht unter einem Reiter, nie als Knopf. Knöpfe bleiben Schwarz auf Hell und Weiß auf Dunkel. Ein Wort je Überschrift, nicht mehr - Gelb ist die Ausnahme, die das Unbunte bestätigt. So sieht es aus: auf Hell als Textmarker, auf Dunkel als Schrift.

03

Typografie

Space Grotesk Bold
Überschriften und Logo
Inter Regular
Fließtext und Oberfläche
Hero-Überschriftbis 7xl, fett, eng laufend
Sektions-Überschrift3xl bis 4xl, fett
KartentitelBasis bis lg, fett
Fließtextsm bis Basis, entspannte Zeilenhöhe, Grau
Eyebrow-Labelxs, halbfett, Versalien, weit gesperrt
04

Layout

Container
Zentriert mit seitlichem Rand, Inhalt meist auf drei bis fünf Spaltenbreiten begrenzt.
Sektions-Rhythmus
Hintergründe wechseln Weiß und Hellgrau; dunkle Sektionen markieren Beweis und Mid-CTA.
Radius
Karten mit mittlerem Radius, Knöpfe knapper, Badges und Icon-Kreise rund.
Abstände
Großzügiges Sektionspolster, auf kleinen Schirmen reduziert.
05

Bausteine

Hero
Dunkel, mindestens siebzig Prozent Schirmhöhe. Badge-Pille mit gelbem Punkt, Überschrift mit einem hervorgehobenen Wort, Subline, unten eine Leiste mit Kernsatz und Terminknopf.
Karte
Heller Grund, feiner Rahmen, optional ein Icon im grauen Kreis. Titel fett, ein bis zwei Sätze darunter.
Pain-Point-Karte
Kundenzitat als halbfette Zeile, darunter die Erklärung in Grau. Immer in der Sprache des Kunden.
Knopf
Auf Hell schwarz mit weißer Schrift, auf Dunkel umgekehrt. Immer dieselbe Höhe, meist mit Pfeil.
Mid-CTA
Schmaler dunkler Block: Satz links, Terminknopf rechts.
Icons
Ausschließlich dünne Strichicons, grau auf Hell, weiß auf Dunkel.
06

Sprache

Ehrlich und unaufgeregt
Wir sagen auch, wenn KI nicht das Richtige ist.
Konkret statt abstrakt
Zahlen, echte Abläufe, Kundenzitate - keine Buzzwords.
Kein Hype
KI schlägt vor, der Mensch entscheidet.
Ansprache
Sie, förmlich, Mittelstand im deutschsprachigen Raum.
07

Was wir nicht tun

  • -Keine zweite Farbe neben Gelb - kein Amber, kein Blau, kein Verlauf.
  • -Gelb nie als Rahmen, Strich oder Knopf.
  • -Keine verspielten Animationen oder Glitch-Effekte.
  • -Keine Stockfotos von Business-Menschen, keine abstrakte Werbekunst.
  • -Keine eckigen Terminal-Layouts.
08

Logo

Logo dunkel
Logo hell
Icon dunkel
Icon hell