Design-System v1 - NE Design

Redcap Design
Neo-Craft.

Editoriales, asymmetrisches Layout mit expressiven Serifen-Headlines, warmen Holzton-Farben und handwerklicher Bild-Collage. Farben sind ab jetzt nach Holzarten benannt, damit die Palette selbst schon nach Werkstatt klingt.

01

Farben

Jeder Ton trägt den Namen der Holzart, die ihm am nächsten kommt — Ahorn, Esche, Kiefer und Nussbaum. Nur die Markenfarbe bleibt bewusst ein Eigenname: redcap Rot, weil Weinrot kein Holz ist, sondern die Farbe der Marke.

Ahorn
#F3EADC
Basis-Hintergrund
Esche
#FAF5EA
Karten, Flächen
Mahagoni
#1A130E
Dunkle Sektionen, Fließtext
redcap Rot
#911539
Akzent, Buttons, Logotype
redcap Rot Dunkel
#6E0F29
Hover-Zustände
Kiefer
#E1D6C1
Feine Trennlinien
Nussbaum
#A9784C
Foto-Platzhalter-Verlauf
Nussbaum Dunkel
#7C5530
Foto-Platzhalter-Verlauf
02

Typografie

Fraunces (Serife, variabel, mit echten Minuskeln) für Headlines — jetzt durchgehend in 400, mal aufrecht, mal kursiv als ruhiger Akzent. Work Sans für Fließtext, Navigation, Buttons und Eyebrows. Caveat in 400 sparsam für handschriftliche Notizen, die auf Bilder oder Aussagen zeigen.

Holz. Handwerk. Erlebnis.
FrauncesH1 · 56px · 400 / italic-Akzent
Was wir machen
FrauncesH2 · 36px · 400
Jedes Stück ein Unikat.
Fraunces ItalicH3-Akzent · 24px
Schreinermeister · Design · Erlebnis
Work Sans 600Eyebrow · 12.5px · +0.16em
Wir gestalten und fertigen individuelle Möbelstücke und Innenausbauten — präzise, zeitlos und mit Sinn für das Wesentliche. In Kleinkursen, Gruppenkursen oder ganz privat: bei redcap design bekommt jede Idee eine handfeste Form.
Work Sans 400Fließtext · 16.5px / 1.6
Aus Ideen werden Unikate.
Caveat 400Handschrift-Notiz · 30px
03

Buttons

Moderat gerundet (6px) statt Pill-Form — passend zur ruhigen, redaktionellen Anmutung. Rund wird ausschließlich für Icon-Buttons und Siegel verwendet. Alle Buttons haben jetzt einen Hover-Zustand; der Pfeil wandert bei Hover leicht nach rechts.

04

Angebotskarten

Die vier Kernangebote aus dem Businessplan. Foto oben ohne Rundung (bündig zur Kartenkante), der Kartenkörper darunter stark gerundet. Die Fotos sind aktuell per Unsplash-Hotlink eingebunden (frei lizenziert, keine eigene Datei nötig) und später 1:1 durch eigene Werkstatt-Fotografie zu ersetzen.

Nahaufnahme eines Handwerkers bei der Holzbearbeitung
3–4 Stunden

Kleinkurse

Ein Projekt aussuchen, unter Anleitung fertigen — Schneidbrett, Moosbild und mehr.

Termine ansehen
Werkzeug und Werkstück in der Werkstatt
Max. 6 Personen

Gruppenkurse & Teambuilding

Gemeinsam ein Möbelstück bauen — für Abteilungen, Vereine und Teams.

Termine ansehen
Handwerker konzentriert bei der Arbeit an der Werkbank
Individuell geplant

Privatstunden

Das eigene Projekt selbstständig umsetzen — mit Werkstatt, Maschinen und Anleitung.

Beratung anfragen
Fertiges Möbelstück aus Massivholz
Komplett gefertigt

Individualfertigung

Idee, Planung und Fertigung komplett in erfahrener Hand — als Unikat für zu Hause.

Projekt starten
05

Foto-Collage & Siegel

Überlappende, leicht gedrehte Polaroid-Rahmen auf dunklem Mahagoni-Grund, dazu handschriftliche Notizen und das rotierende Rund-Siegel als wiederkehrendes Markenzeichen. Jetzt mit drei Fotos und einer zweiten Notiz, damit die Fläche besser gefüllt ist.

Werkstattarbeit im Detail
Fertiges Holzmöbel
Werkzeug auf Holzoberfläche
Tradition trifft Innovation.
Handarbeit, Stück für Stück.
HANDWERK MIT LEIDENSCHAFT · SEIT 2024 · Logo-Platzhalter
06

Siegel als eigenständiges Element

Dasselbe rotierende Siegel, jetzt größer und für sich stehend — z. B. als Blickfang neben einem Textblock, am Seitenende oder in der Fußzeile. In der Mitte sitzt ein austauschbares, quadratisches Platzhalter-Logo.

REDCAP DESIGN · SCHREINERMEISTER · SEIT 2024 ·
Logo-Platzhalter

Ein Siegel, mehrfach einsetzbar

Ring, Lauftext und Logo-Slot sind unabhängig voneinander editierbar — in WordPress ist das genau das Pattern redcap-design/siegel, das du schon in Hero, Collage, Über-mich und Teambuilding-Banner nutzt. Für das echte Logo einfach das <svg class="logo-slot"> gegen die finale Datei tauschen.

07

Dekorative Elemente

Handgezeichnete Pfeile lenken den Blick zwischen Bild und Notiz — sparsam eingesetzt, nie als Standard-Icon, sondern als individuelle SVG-Linie. Die Pfeilspitze beim roten Bogen-Pfeil wurde neu aufgebaut: statt einer zweiten, sich überlappenden Kurve zeichnet jetzt ein einzelner, geknickter Linienzug die Spitze — dadurch kein Doppelstrich-Kink mehr an der Spitze.

Hinweis-Pfeil, geschwungen
Bogen-Pfeil, redcap Rot
Feine Trennlinie
08

Abstand-Tokens

Unsichtbares 8pt-Raster als Grundgerüst hinter dem freien, editorialen Layout — sorgt für Ruhe trotz Asymmetrie.

--sp-1 · 4px
--sp-2 · 8px
--sp-3 · 12px
--sp-4 · 16px
--sp-5 · 24px
--sp-6 · 32px
--sp-7 · 48px
--sp-8 · 64px
--sp-9 · 96px
09

Anwendungsbeispiel

Alle Tokens im Zusammenspiel — reduzierte Vorschau eines Hero-Ausschnitts, ebenfalls mit Unsplash-Hotlink-Foto.

Handwerk · Design · Menschen

Maßarbeit für besondere Räume.

Wir gestalten und fertigen individuelle Möbelstücke und Innenausbauten — präzise, zeitlos und mit Sinn für das Wesentliche.

Unsere Projekte
Handgefertigtes Möbelstück aus Massivholz