Ein Fundament, das jedem Design standhält
Zwölf Farben, sechs Textgrößen, sieben Abstände. Mehr braucht es nicht, damit eine Seite ruhig wirkt — und in jedem Projekt trotzdem anders aussehen darf.
Text über echtem Bild
Was das Fundament mitbringt
Drei Dinge, die in jedem Projekt gleich bleiben — und alles andere freilassen.
Tokens statt Werte
Jede Farbe, jede Größe und jeder Abstand existiert genau einmal. Einen Wert ändern heißt: an einer Stelle ändern.
Fluid statt Breakpoints
Alles skaliert stufenlos zwischen 360 und 1440 Pixeln. Kein Sprung, keine Sonderfälle, keine Doppelpflege.
Barrierefrei von Anfang an
Geprüfte Kontraste, sichtbarer Fokus, echte Semantik. Nachrüsten kostet später ein Vielfaches.
Alles, was eine Seite braucht
Acht Bausteine, die in nahezu jedem Kundenprojekt vorkommen.
Navigation
Kopfbereich mit Logo, Menü und Handlungsaufruf.
Hero
Der erste Bildschirm mit einer klaren Aussage.
Karten
Inhalte in gleichwertigen Blöcken.
Listen
Aufzählungen mit Symbol und Text.
Formular
Kontaktaufnahme ohne Umwege.
Handlungsaufruf
Ein Abschnitt, der zur Aktion führt.
Fußbereich
Rechtliches, Kontakt, Orientierung.
Symbole
Ein Set, das überall gleich wirkt.
Was das im Alltag bedeutet
Zwei Stimmen aus der Praxis.
„Ein neues Projekt startet nicht mehr bei null. Farben tauschen, Schrift wählen, fertig — der Rest steht bereits.“
„Wir diskutieren keine Abstände mehr. Es gibt sieben, und jeder weiß, welcher gemeint ist.“
Häufige Fragen
Was Kundinnen und Kollegen typischerweise wissen wollen, bevor sie mit dem Fundament arbeiten.
Schränkt mich das Fundament gestalterisch ein?
Nein. Es legt fest, wo Werte leben — nicht, wie sie aussehen. Sämtliche Grautöne sind Platzhalter.
Wie starte ich ein neues Projekt?
Paket importieren, Farben und Schrift austauschen. Das sind zwölf Werte und zwei Felder.
Was ist mit Dark Mode?
Vorbereitet. Die Farben heißen nach Bedeutung, nicht nach Aussehen — dunkle Werte lassen sich jederzeit ergänzen.
Brauche ich zusätzliche Plugins?
Nein. Das Fundament nutzt ausschließlich, was Bricks nativ mitbringt.
Wie bleibt das langfristig wartbar?
Ein Prüfskript kontrolliert vor jeder Auslieferung tote Referenzen, Namensregeln und Budgets.
Das Fundament steht — dein Design kommt oben drauf
Zwölf Farben tauschen, eine Schrift wählen, loslegen.