Nordic Office Handelsvertretung
Handelsvertretung · Trappenkamp 01 / 06

Ich bringe den Musterkoffer mit — und du siehst, bevor du bestellst.

Werbeartikel, Schreibgeräte und Büroeinrichtungen für Betriebe in Schleswig-Holstein. Frank Rissmann kommt zu dir, legt die Muster auf den Tisch und geht mit dir durch, was passt. Kein Katalog-Raten, kein Warenkorb.

Beratung anfragen → Frank Rissmann anrufen · +49 1520 2082387

Brand-System-Vorschau · alle Farben deterministisch aus brand/logo.png gemessen

Stimmung02 / 06

Stimmungsbild: geöffneter Musterkoffer auf dunkler Arbeitsplatte im warmen Seitenlicht

Warmes Seitenlicht von links · cremiges Papier als hellstes Element · genau ein rostroter Akzent · 4:5 Hochformat

Farbrollen03 / 06

Zwei Farben und ein Grau — wie im Signet

Rostrot führt als Linie, Knopf und Bullet — nie als grosse Fläche. Es erscheint in zwei Abstufungen derselben gemessenen Skala, weil eine Kontur auf schwarzem Filz und auf weissem Papier nicht dieselbe Helligkeit haben kann: Glut #ff9475 auf Dunkel, Rostrot #bb3811 auf Papier. Beide halten AA in jeder Schriftgrösse. Petrol ist der eine ruhende Gegenpol, alles andere ist Grund und Schrift.

Glut
#ff9475
accent · Regel, Icon, Schrift auf Dunkel · 8.21
Rostrot
#bb3811
primary · Knopffläche (Weiss 5.70) & Schrift auf Papier · 5.33
Rostrot hell
#ce4925
nur Hover-Fläche · Weiss 4.56
Rostrot gepresst
#592a1e
nur Press-Fläche · Weiss 11.83
Weiss
#ffffff
on-primary · Schrift auf Marken-Fläche
Petrol
#125464
secondary · das eine Band
Tiefpetrol
#0a2b33
Tiefe im Petrol-Band
Kofferschale
#1a1817
Seitengrund · Standard
Filzfach
#242120
erhöhte dunkle Fläche
Nachtboden
#0e0c0c
Footer · tiefster Wert der Seite
Papier
#fdf6f4
surface · die Musterkarte
Papier gebrochen
#f5f0ee
Feldflächen auf Papier
Kreide
#f1edec
Schrift auf Dunkel · 15.22
Kreide gedämpft
#bcb0ad
Meta auf Dunkel · 8.38
Graphit
#271e1b
Schrift auf Papier · 15.27
Graphit weich
#615754
Meta auf Papier · 6.56
Eisblau
#74c7df
Erfolg auf Dunkel · 9.25
Eishell
#bcebf9
Erfolg im Petrol-Band · 6.61

Nicht im System: #dc5734, die gemessene Vibrant-Fassung. Weiss darauf misst 3.85, als Schrift auf Papier 3.60 — beide unter AA. Statt die Farbe zu tauschen, wurde die Rolle geteilt: helle Fassung für Linie und Schrift auf Dunkel, abgedunkelte Fassung für Fläche und Schrift auf Papier. Dieselbe Marke, nur tragfähig.

Dunkelanteil-Ziel 68 % — Verteilung über die Seitenhöhe

01 Bühne · 02 Programme · 03 Was ich vertrete · 04 Beratung · 05 Region · 06 Anfrage · 07 Footer

Typografie04 / 06

display-hero · Besley 700 · 72/44px · LH 1.02 · LS −0.02em

Muster auf den Tisch

display-xl · Besley 700 · 48/32px · LH 1.08 · LS −0.015em

Beratung vor Ort

display-lg · Besley 600 · 32/26px · LH 1.12

Werbeartikel · Schreibgeräte · Büroeinrichtungen

marke · Source Sans 3 700 · 14px · LS +0.12em · uppercase

Handelsvertretung · Trappenkamp

lead · Source Sans 3 400 · 20/18px · LH 1.55

Ich vertrete Hersteller, die ich kenne — und ich komme mit dem Koffer zu dir in den Betrieb.

body · Source Sans 3 400 · 17/16px · LH 1.6 · max 34rem

Eine Handelsvertretung hat kein Lager und keinen Laden. Sie hat einen Koffer mit Musterkarten, einen Kalender und die Erfahrung, welches Schreibgerät nach zweihundert Unterschriften noch schreibt. Genau das ist der Unterschied zum Onlineshop: du siehst und fühlst, bevor du bestellst.

tabellenwert · Source Sans 3 600 · 16px · font-feature-settings:"tnum"

ProgrammMindestmengeLieferzeit
Werbeartikel50 Stück10–14 Tage
Schreibgeräte100 Stück7–10 Tage
Büroeinrichtungen1 Arbeitsplatz4–6 Wochen

Beispielwerte für die Typo-Demonstration — die echten Zahlen kommen vom Kunden (TODO).

caption · Source Sans 3 400 · 14px · LH 1.45

Schreibgeräte-Muster, Beratung in Trappenkamp.

Signature-Motiv · Die Musterkarte05 / 06

Jedes Kapitel ist eine Karte auf der Kofferschale: Kopf mit Signet, Marke, 2px-Regel und Nummer — und am Fuss immer eine Terminzeile.

Beratung vor Ort04 / 06

Der eine ruhende Gegenpol

Genau eine Sektion der Seite läuft vollflächig in Petrol #125464 mit Schrift in Kreide — gemessen 7.29 (AAA). Orange ist hier als Schrift verboten.

Termin vorschlagen
Zustände06 / 06

Jeder Zustand ist ein Wert

Zeig mit der Maus drauf, klick, und tabbe durch — Hover, Active und Fokusring sind hier echt. Die Beschriftung des Anfrage-Knopfs ist #0e0c0c, Weiss: die Fläche ist die abgedunkelte Markenfassung #bb3811, Weiss darauf misst 5.70 und erfüllt AA. Die Silhouette gegen die Kofferschale misst 3.11 (≥3:1, WCAG 1.4.11).

→ Frank anrufen
StateFlächeSchriftBewegungKontrast
default#bb3811#ffffff—5.70 AA
hover#ce4925#fffffftranslateY(−1px) · .16s ease4.56 AA
active#592a1e#ffffffscale(.99) · .12s ease11.83 AAA
focus-visible#bb3811#ffffffoutline 2px #ff9475, offset 3px8.21
disabled#4e4644#847774cursor: not-allowed2.13 *

* Deaktivierte Knöpfe tragen nie tragende Information — bewusst schwach.

Anfrage06 / 06

Sag kurz, worum es geht

Frank meldet sich zurück und schlägt einen Termin vor. Wenn es eilt, ruf einfach an.

⚠ Ohne Telefonnummer oder E-Mail kann Frank sich nicht zurückmelden — eins von beidem genügt.

Lieber anrufen

Angekommen. Frank meldet sich innerhalb von TODO-Kunde: Reaktionszeit zurück — per Telefon, wenn du eine Nummer hinterlassen hast, sonst per E-Mail. Wenn es eilt: +49 1520 2082387.

Vertrauen

«TODO-Kunde: ein Satz von einem Betrieb aus der Region.»

Referenzkunde, Ort — wird vom Kunden geliefert, nicht erfunden.

Was nach dem Absenden passiert

01Eingang wird sofort bestätigt
02Rückruf mit Terminvorschlag
03Besuch mit Musterkoffer im Betrieb

Einzugsgebiet

Schleswig-Holstein, Region Kiel — Trappenkamp liegt rund 30 km südlich von Kiel.

System

Abstände — die sechs erlaubten Werte

TokenpxEinsatz
--space-18Label→Wert, Icon→Text
--space-212Titel→Lead, Marke→Regel
--space-324zwischen Gruppen
--space-440Kartenpadding Desktop
--space-572zwischen Sektionen
--space-6112Atempause, max. 2×

Verhältnis 8 : 24 : 72 = 1 : 3 : 9. Der Mittelwert-Brei um 32px kommt nicht vor.

Tiefe

Ebene 0 · flach
Ebene 1-hell · aufgelegt
Ebene 2-hell · angehoben
Ebene 1 + 3 · Lichtkante auf Dunkel

Immer zwei weiche Layer, im Ink-Ton getönt — nie ein harter schwarzer Schatten.