Design-System
Alles, was Handwerkino aussehen lässt wie Handwerkino: Logo, Farben, Schrift, Formen, Komponenten, 3D-Objekte und Bewegung.
Prinzip
Elektrisches Blau auf weißem Papier. Eine klare, sachliche Fläche, auf der ein einziges kräftiges Blau jede wichtige Aktion „einschaltet“. Gezeigt wird das Produkt selbst, nicht Dekoration. Angelehnt an den Refero-Style „Arcade“.
Logo
Blaue Kachel mit Dach und Haken: Der Auftrag ist erledigt. Der cyanfarbene Funke verbindet die Marke mit Tischino und Salonino.
„handwerkino“ immer klein, Inter 700 mit enger Laufweite. Der i-Punkt ist ein kleiner blauer Nagelkopf.
„Handwerkino, mach Feierabend.“ Der zweite Teil steht in der Handschrift, wie eine Notiz auf dem Bauplan.
Farben
#2142e7Primärfarbe: Haupt-Button, aktiver Tab, Fokus. Möglichst ein Einsatz pro Bildschirm.#182fa5Innenring von blauen Buttons und Logo.#111827Überschriften und dunkle Flächen.#4b5563Fließtext.#70747dLeise Beschriftungen, Platzhalter, Logos.#e5e7ebHaarlinien und Rahmen. Nie als Fläche.#f3f4f6Spuren von Umschaltern, Hover.#f9fafbWechselnde Abschnitte.#ffffffKarten, Buttons, Eingabefelder.#03b5edNur im Funken des Logos und im Akzent-Verlauf.Schrift
Komponenten
- E-Rechnung inklusive
- 0 € pro Anfrage
Icons
Regeln
Voltage Blue markiert die eine wichtigste Aktion. Alles andere bleibt Tinte, Grau und Weiß.
Wir zeigen das Produkt: Browser- und Handy-Rahmen mit echten Inhalten. Keine Stockfotos, keine 3D-Illustrationen.
Mehrlagige, sehr leichte Schatten plus 1 px Ring. Keine harten Schlagschatten.
Buttons und Tabs 12 px, Karten und Felder 16 px, Mockup-Rahmen 24 px, Pillen rund.
Der fließende Wolken-Hintergrund (Blau, Cyan, Violett, Riffelglas-Bänder, Körnung) gehört in den Hero und ins Finale, nie in Karten oder Navigation.
Display und Überschriften in 700, Fließtext in 400. Keine 500er-Überschriften.