Kontakt

SystemePilotphase

Euer Design System. Agent-ready ab Tag eins.

Wir konfigurieren hex-ds auf eure Marke: Tokens, Komponenten, Figma-Bibliothek und AI-Kontext aus einer Quelle. Neue Komponenten kommen als Pull Request in euer Repo.

SYSTEM STUDIO · v4.0BEISPIEL

color.brand
#1F6F5C
radius.control
12px
font.family
Geist
density
Großzügig
  • CSS
  • Tailwind
  • npm
  • Figma
  • AI-Kontext

Eine Quelle. Jede Oberfläche.

Ihr ändert einen Wert im System Studio. Code, Figma, Doku und eure Agenten bekommen ihn in derselben Version.

DIE QUELLE · tokens.json · v4.0BEISPIEL

Ein Token-Set für eure Marke.

"color.brand":
"#1F6F5C"
"radius.control":
"12px"
"font.family":
"Geist"
"space.inset":
"16px"
"shadow.card":
"float"
  • Codesynchron
  • Figmasynchron
  • Dokusynchron
  • Agentensynchron

  • Code

    npm-Paket

    React-Komponenten auf Basis von hex-ds, privat für euer Team.

  • Design

    Figma-Bibliothek

    Variablen und Komponenten, synchron zum Code.

  • Export

    Token-Export

    CSS-Variablen, JSON im DTCG-Format und Tailwind-Theme.

  • Agenten

    AI-Kontext

    AGENTS.md und Komponenten-Doku für eure Agenten.

  • Struktur

    Agent-ready Komponenten

    Produkt, Angebot und FAQ mit strukturierten Daten eingebaut.

  • Doku

    Doku-Seite

    Gehosteter Styleguide unter eurer Domain.

Drei Pakete.

  • StartKleine Teams

    System Start

    149 € / Monat

    Selbst eingerichtet, ohne Setup

    • 1 Marke
    • System Studio
    • Token-Export und npm-Paket
    • AI-Kontext

  • TeamProduktteams

    System Team

    490 € / Monat

    plus Setup ab 4.900 €

    • Bis zu 3 Marken
    • Figma-Bibliothek synchron
    • Doku-Seite unter eurer Domain
    • Updates als Pull Request
    • Agent-ready Komponenten

  • EnterpriseMulti-Brand

    System Enterprise

    Auf Anfrage

    Setup und Abo individuell

    • Unbegrenzt Marken
    • Eigene Komponenten im Kern
    • SSO und Rollen
    • SLA und fester Ansprechpartner

Ablauf.

  1. Tag 1

    Kickstart

    Im Workshop entsteht das erste Token-Set aus eurer Marke und eurem Bestand.

  2. Woche 1–3

    Setup

    Wir bauen Token-Architektur und Komponenten auf eure Marke und gleichen mit eurem Code ab.

  3. Woche 4

    Erste Version

    Das System kommt als Pull Request in euer Repo, mit Figma-Bibliothek und Doku.

  4. Laufend

    Updates

    Neue Komponenten und Verbesserungen aus dem Kern landen automatisch bei euch.

Erzählt uns, was ihr bauen wollt.

„Design Systems sind kein Nice-to-have. Sie sind Infrastruktur. Und die Basis für alles, was KI in eurem Produkt leisten kann.“
Porträt von Markus Baier, Gründer von HARWAY ExperienceMarkus BaierGründer, HARWAY Experience
0120-Minuten-Call buchenKein Pitch. Ehrliches Feedback und konkrete nächste Schritte.02Projekt beschreibenSchickt uns euer Briefing, wir melden uns mit einem Vorschlag.03info@harwayexperience.comOder ganz klassisch per Mail.