Das Design-System hinter PR Branding.

Farben, Typografie, Logo-Konstruktion, Komponenten und die Prinzipien, nach denen wir arbeiten — dokumentiert wie jedes Kundenprojekt, nur diesmal für uns selbst.

Stand 2026 Handgeschriebenes WordPress-Theme Kein Baukasten
Farben

Aus dem Logo abgeleitet, nicht dazuerfunden.

Der Verlauf von Blau zu Violett stammt direkt aus der Bildmarke. Die Neutrals sind bewusst kühl-blaustichig statt reinem Grau — das hält die Fläche in derselben Familie wie der Akzent.

#2B4CFF
Brand Blue
Verlauf-Start · Bildmarke
--brand-blue
#8B3AD6
Brand Purple
Verlauf-Ende · Bildmarke
--brand-purple
#5233E0
Accent
Links, Eyebrows, aktive Zustände
--accent
#3F22C4
Accent Strong
Hover-Zustand von Accent
--accent-strong
#191735
Ink
Überschriften, Fließtext
--ink
#55547A
Ink Soft
Sekundärtext, Leads
--ink-soft
#8A89A6
Ink Faint
Meta, Platzhalter
--ink-faint
#F5F6FC
Muted
Alternierende Sektionsflächen
--muted
#EEF0FA
Muted Deep
Tags, Icon-Kacheln
--muted-deep
#E4E5F2
Line
Rahmen, Trenner
--line
#FFFFFF
Surface
Karten, Header, Buttons (hell)
--surface
linear-gradient(100deg, var(--brand-blue), var(--brand-purple)) --brand-gradient
Typografie

Zwei Systeme, zwei Aufgaben.

Poppins trägt die Marke — sie steckt in den Vektorpfaden des Logos und wird für Überschriften eingesetzt. Der Fließtext läuft bewusst auf der System-Schrift: kein Font-Request, keine Ladezeit, nichts, was man bei einem Datenschutz-Audit erklären müsste.

Heroclamp(2.2rem, 5vw, 3.4rem)
Poppins 700
Sichtbar machen.
H2clamp(1.6rem, 3vw, 2.1rem)
Poppins 600
Was wir für dich machen
Leadclamp(1.05rem, 2vw, 1.2rem)
System-Sans 400
PR Branding gestaltet und entwickelt WordPress-Websites für kleine Unternehmen.
Body1rem / 1.6
System-Sans 400
Von der Gestaltung bis zum Livegang – alles aus einer Hand, ohne Plugin-Wildwuchs.
Small0.875rem
System-Sans 600, uppercase
Design · Branding · Web

Poppins — Display

Bb Branding

SemiBold für die Wortmarke, Bold für die Tagline — beide selbst gehostet, OFL-lizenziert.

System-Sans — UI & Text

Bb Branding

-apple-system, Segoe UI, Roboto — je nach Betriebssystem des Lesers, ohne Ladezeit.

Komponenten

Aus dem echten Theme, nicht nachgebaut.

Buttons, Tags und Karten wie sie im WordPress-Theme liegen — gleiche Radien, gleiche Schatten, gleiche Übergänge.

Buttons — auf dunklem Grund (CTA-Karte)
Tags & Eyebrow
Eigenes Theme Design-System Bald öffentlich
Übersicht
Card

Webdesign

Individuelle Designs, die zu deiner Marke passen – kein Baukasten von der Stange.

Tokens — Radius & Schatten
TokenWertVorschau
--radius 10px
--radius-lg 16px
--shadow-sm 0 1px 2px rgba(25,23,53,.06)
--shadow-md 0 12px 32px -12px rgba(25,23,53,.22)
--shadow-brand 0 14px 30px -12px rgba(82,51,224,.45)
Wie wir arbeiten

KI-gestützt. Und dazu stehen wir.

Kein Prozess mit festen Phasen, sondern drei Dinge, die für jedes Projekt gleichermaßen gelten — unabhängig von der Reihenfolge.

Tempo statt Wartezeit

Was anderswo Monate dauert, steht bei uns in Wochen. Änderungen mitten im Projekt sind kein Drama, sondern eingeplant.

Festpreis statt Stundenzettel

Du zahlst für das Ergebnis, nicht für die Stunden, die wir daran sitzen. Was wir vereinbaren, gilt — ohne Nachschlag am Ende.

Jemand, der geradesteht

Eine KI übernimmt keine Verantwortung für deinen Umsatz. Wir schon — auch noch in sechs Monaten, wenn die Seite Kunden bringen soll.

“

Ja, klar arbeiten wir KI-gestützt. Wäre ziemlich unprofessionell, wenn nicht — dann würdest du für Tipparbeit zahlen, die eine Maschine besser macht. Was du bei uns bezahlst, ist die Entscheidung, was gebaut wird, dass es sicher, DSGVO-konform und wartbar ist, und dass jemand haftet, wenn es das nicht ist. Die KI übernimmt keine Verantwortung für deinen Umsatz. Ich schon.

— Sprachbaustein für die Preisverhandlung, POSITIONIERUNG.md