Eine Marke,
die Verwaltung versteht.
Die verbindliche Referenz für alles Visuelle bei FEAZY. Farben, Typografie, Logo, Buttons, Ikonografie und Sprache — in einem System.
Modern, aber nicht modisch. Vertrauensvoll, aber nicht steif.
FEAZY arbeitet an der Schnittstelle zweier Welten: konservative Kommunalverwaltung und State-of-the-Art-KI. Unsere Marke löst diese Spannung visuell durch ruhige, warme Hintergründe und gezielte, edle Akzente. Wir signalisieren Kompetenz ohne Show.
Beige zuerst
Warmes Beige ist unsere dominante Hintergrundfarbe (~60 %). Es signalisiert Ruhe, Wärme und Respekt vor dem Inhalt. Tech-Marken wirken meist kalt — wir wirken einladend.
Gradient als Bühne
Der Forest-zu-Schwarz-Gradient ist unsere zweite Stimme — für Karten, Statements, Produkt-Showcases. Nie dekorativ, immer funktional: Er zeigt unser Produkt im besten Licht.
Glass für Premium
Glass-Morphism gibt dem Design eine edle, moderne Note ohne aufdringlich zu sein. Wir nutzen es bewusst auf dunklen Bühnen, wo es das Tech-Feeling unterstreicht.
Vier Hintergründe. Drei Akzente. Eine Hierarchie.
Beige dominiert, Forest und Schwarz tragen die Tiefe, Forest Pale markiert. Schmiedeglut ist der einzige warme Akzent — sparsam und niemals auf grünem Hintergrund.
Beige ist mit Abstand dominant, der Gradient die zweite Stimme. Schwarz tritt vor allem in dunklen Sektionen und Footern auf, Weiß als gelegentliche Alternative. Forest Pale wird großzügig als Marker eingesetzt. Schmiedeglut ist die seltenste Farbe — sie zieht Aufmerksamkeit auf Eyebrows, Warnungen und Tertiary-Links, aber niemals auf grünem Hintergrund.
- Beige als dominante Hintergrundfarbe einsetzen
- Forest Pale großzügig als Marker und Info-Highlights nutzen
- Schmiedeglut nur auf Beige, Weiß oder Schwarz platzieren
- Forest-Gradient für Karten und Highlight-Sections verwenden
- Schmiedeglut auf grünem Hintergrund — auch nicht im Gradient
- Hellere Grüntöne in den Gradient einbauen
- Neue Zwischenfarben einführen — die Palette ist abgeschlossen
- Schmiedeglut als Flächenfarbe oder Button verwenden
Sechs Quadrate. Ein F. Eine Aussage.
Das FEAZY-Logo ist ein modulares Zeichen: sechs gerundete Quadrate, die den Buchstaben F formen — das initiale F der Marke, reduziert auf seine geometrische Essenz. Es funktioniert auf jeder Größe, in jedem Kontext — solange die Farbregel eingehalten wird: schwarz auf hell, weiß auf dunkel. Punkt.
6 Quadrate · 1 Buchstabe
Drei Quadrate oben (Querbalken), eins darunter zentriert (Mitte), zwei darunter links (vertikaler Stamm) — zusammen formen sie das F von FEAZY.
Modulares Raster
Jedes Quadrat misst 169 × 169 Einheiten mit Corner-Radius 26. Der Gap zwischen den Quadraten ist 36 — exakt ein Sechstel der Quadratbreite.
Schutzraum & Skalierung
Mindestabstand zum Bildrand: eine Quadratbreite. Minimale Darstellungsgröße: 16 px digital, 8 mm Print. Bounding-Box ist quadratisch.
- Logo immer als bereitgestelltes Inline-SVG verwenden
- Wordmark in Geist Medium 500, gleichfarbig zum Logo
- Mindestabstand zum Bildrand: Höhe eines Quadrats
- Minimale Höhe: 16 px (digital), 8 mm (Print)
- Logo in Forest, Schmiedeglut oder anderen Farben verwenden
- Logo verzerren, drehen oder mit Effekten überlagern
- „FEAZY AI“ schreiben — die Marke heißt ausschließlich „FEAZY“
- Wordmark ohne das Logo-Zeichen verwenden
Geist. Eine Schrift. Drei klare Rollen.
Geist (Sans) trägt alle Texte. Geist Mono ist reserviert für drei semantische Rollen: Eyebrows, Daten und Codes. Diese Reduktion sorgt für Klarheit und einen unverwechselbaren, technisch-modernen Charakter.
- Headlines in Geist Medium 500, Body in Regular 400
- Mono nur für Eyebrows, Daten/Zahlen, Code-artiges
- Negative letter-spacing (-0.025 bis -0.035em) bei Headlines
- Eyebrows UPPERCASE mit letter-spacing 0.15–0.25em
- Andere Schriften wie Inter, Roboto oder System-Fonts mischen
- Geist Bold (700) verwenden — Medium ist das Maximum
- Mono für längere Texte oder Headlines einsetzen
- Italic oder Underline für Hervorhebungen verwenden
Pills, immer Pills. Vier Rollen, eine Form.
Buttons sind bei FEAZY immer Pills (border-radius 999px). Vier semantische Varianten decken alle Interaktionen ab: Primary für High-Stakes-CTAs, Secondary für normale Aktionen, Tertiary für Inline-Links, Soft für Tags und Marker.
Gradient-Pill
BG: linear-gradient(135deg, #1B4332, #0A0A0A)
Text: #F5F1EA
Für High-Stakes-CTAs: „Demo buchen", „Jetzt starten".
Outline Forest
Border: 1px #1B4332
Text: #1B4332
Für normale Aktionen: „Mehr erfahren", „Anschauen".
Schmiedeglut-Link
Text: #C2491B
Kein BG, kein Border.
Für Inline-Links, Fußnoten, Quellen.
Forest-Pale-Pill
BG: #D4E7DC
Text: #1B4332
Für Tags, Marker, Trust-Pills.
Lucide. Weich, klar, konsistent.
Wir verwenden Lucide Icons (lucide.dev) als ausschließliche Icon-Library. 2 px stroke, gerundete Linienenden, rund 1.500 verfügbare Icons. Andere Libraries werden nicht gemischt — Konsistenz schlägt Auswahl.
- 14 px · Inline-Icons in Listen, Tags
- 17 px · Glass-Card-Icons
- 20 px · Feature-Karten
- 24 px+ · Hero-Highlights
- Forest #1B4332 auf Beige/Weiß
- Beige #F5F1EA auf Gradient/Schwarz
- Forest Pale #D4E7DC für Akzent-States
- Nie in Schmiedeglut
Drei Radien. Konsequent gleichmäßig weich.
FEAZY nutzt nur drei Border-Radius-Werte für alle Container und interaktiven Elemente. Diese Reduktion schafft Ruhe und Wiedererkennbarkeit — alles ist entweder 12 px, 16 px oder eine Pille.
Karten · Container · klein
Feature-Karten, Glass-Panels, kleine Container, Info-Boxen, Form-Inputs und Trust-Pills mit Rechteckform.
Hero · große Sections
Hero-Container, Statement-Bühnen, Trust-Center-Blocks, große Sektions-Wrapper, Modal-Container und Cover-Karten.
Buttons · Pills · Badges
Alle Buttons (Primary / Secondary / Soft), Tags, Badges, Trust-Pills, Eyebrow-Marker und Status-Indicators.
Frosted Glass. Nur auf dunklen Bühnen.
Glass-Morphism gibt dem Design eine edle, moderne Note. Wir nutzen es bewusst auf Gradient, Schwarz oder Weiß — nie auf Beige, wo der Effekt verpufft.
Auf Forest-Gradient
Backdrop-blur 24px, Border 1px rgba beige 0.18, BG rgba beige 0.08.
Auf Deep Black
Wirkt subtiler als auf Gradient. Border und BG etwas reduzierter.
Auf Pure White
Backdrop-blur 24px, Border 1px rgba forest 0.15, BG rgba forest 0.05.
Klar, konkret, kompetent. Niemals belehrend.
FEAZY spricht wie eine erfahrene Beraterin: präzise, hilfreich, ohne Phrasen. Wir reden mit Verwaltungsmitarbeiter:innen auf Augenhöhe, nicht herab. Tech-Jargon nur wo nötig, immer mit Übersetzung.
- „Der BürgerBot beantwortet 60 % der Routineanfragen."
- „DSGVO-konform, gehostet in Frankfurt."
- „Wir entlasten Ihre Verwaltung — nicht Ihre Bürger:innen."
- „Konkret, klar, in einem Satz auf den Punkt."
- „Sie-Anrede für Kommunen, Du intern."
- „Revolutionäre KI-Power für Ihre Verwaltung!"
- „Synergien durch State-of-the-Art-Disruption."
- „Cutting-edge AI für 21st century governance."
- „Wir transformieren disruptiv Ihre Citizen Experience."
- Englische Buzzwords, wo deutsche Begriffe existieren.
Die wichtigsten Regeln auf einen Blick.
Wenn du dir nur eine Sektion dieses Brand Designs merken kannst — dann diese. Sechs Do's, sechs Don'ts. Beachte sie, und FEAZY bleibt konsistent.
- Beige #F5F1EA als dominanten Hintergrund (~60 %)
- Forest-Gradient #1B4332 → #0A0A0A für Karten und Statements
- Geist (Sans) und Geist Mono — keine andere Schrift
- Buttons immer als Pills, Container mit 12/16 px Radius
- Lucide Icons mit 2 px stroke, gerundete Enden
- Glass-Morphism auf Gradient/Schwarz/Weiß für Premium-Note
- Schmiedeglut auf grünem Hintergrund — niemals
- Marke „FEAZY AI“ schreiben — sie heißt nur „FEAZY“
- Logo in einer anderen Farbe als Schwarz oder Weiß
- Im Produkt-UI Glass oder Gradient einsetzen — bleibt flat
- Buzzwords und Disruption-Phrasen — wir bleiben konkret
- Andere Icon-Libraries mischen — Lucide ist Pflicht
