Musterkoffer mit Stoffkarten und Schreibgeraeten auf einer Arbeitsplatte
Nordic Office Handelsvertretung

Handelsvertretung · Trappenkamp

01 / 07

Ich komme mit dem Musterkoffer zu dir in den Betrieb.

Werbeartikel, Schreibgeraete, Bueroeinrichtungen — du siehst und fasst an, was du bestellst. In der Region Kiel und ganz Schleswig-Holstein.

Beratung anfragen

Signature-Motiv

02 / 07

Die Musterkarte

Jedes Kapitel dieser Marke ist eine aufgelegte Musterkarte: oben immer derselbe Kopf, unten immer dieselbe Terminzeile. Was du hier zweimal gesehen hast, siehst du auf jedem Band wieder.

Der Kopf — vier feste Teile

  • Dreiecks-Reiter aus dem Signet, offen, 2px Kontur
  • Kapitelmarke, 14px Versal, +0.10em, in Petrol
  • 2px-Regel in Rostrot — die Strichstaerke des Logos
  • Kapitelnummer rechts, Ziffern tabellarisch

Der Fuss — die Terminzeile

  • 2px-Regel, dann ein Satz, dann ein Weg zum Termin
  • Pflicht auf jedem Band ausser dem Formular
  • Nie zweimal im selben Band
  • Das Dreieck wird nie gefuellt und nie wiederholt

So endet jedes Kapitel — mit einem Weg zum Termin.

Farbwelt · gemessen aus dem Logo

03 / 07

Zwei Farben, ein Grau, cremiges Papier

Kein Wert ist erfunden. Alle Hexwerte stammen aus der Messung des Logos; alle Kontrastwerte sind gemessen, nicht geschaetzt.

#fdf6f4

Papier · surface

Grundflaeche der ganzen Seite, ca. 70 % aller Flaechen.

ink/surface 15.27 · AAA

#f5f0ee

Atemzug · surface-alt

Stiller Wechsel zwischen zwei Kapiteln. Nie zweimal hintereinander.

ink/surface_alt 14.43 · AAA

#c84523

Rostrot · primary

Kapitelregel, Reiter, gefuellter Knopf. Nie Textfarbe unter 18px.

on_primary/primary 4.85 · AA
primary/surface 4.54 · AA

#b83611

Rost tief · accent

Nur Hover/Active des Primaerknopfs und Fehler-Markierung.

kein Matrix-Wert · nie Textfarbe

#145464

Petrol · secondary

Die eine dunkle Sektion, der Footer, alle Textlinks, alle Versal-Marken.

on_secondary/secondary 8.46 · AAA
secondary/surface 7.92 · AAA

#004454

Petrol tief · secondary-10

Nur Active-State petrolfarbener Flaechen und Links.

kein Matrix-Wert · nie Textfarbe

#271e1b

Tinte · ink

Fliesstext, Formularwerte, alle Fehler- und Erfolgstexte.

ink/surface 15.27 · AAA

#615754

Tinte weich · ink-soft

Bildunterschriften, Platzhalter, Kapitelnummer. Nie unter 14px.

ink_soft/surface 6.56 · AA

#d5ccca

Kante · border

1px an Formularfeldern und Karten. Nirgends sonst.

Nicht-Text

#f3e3de

Hinweis-Flaeche · primary-3

Zitat- und Hinweisblock, Grundlinie der Textlinks. Text darauf immer ink.

Text darauf nur #271e1b

#f7d4cb

Ghost-Hover · primary-4

Hover-Flaeche des Ghost-Knopfs. Nie als Sektionsflaeche.

Text darauf nur #271e1b

#ffffff

Weiss · on-primary / on-secondary

Nur Text und Icons auf Rostrot und Petrol. Nie als Seitenflaeche.

4.85 auf Rost · 8.46 auf Petrol

Harte Regel: Rostrot ist unter 18px nie Schrift — nur Linie, Kontur, Fokusring oder Knopf-Flaeche. Kleine farbige Schrift ist immer Petrol (7.92, AAA).

Die Farben sind gemessen — die Regeln machen daraus eine Marke.

Schrift · Besley & Source Sans 3

04 / 07

Zwei Familien, harte Arbeitsteilung

Besley traegt ausschliesslich Hero, Kapiteltitel und Programmnamen. Alles andere ist Source Sans 3. Weight 500 und Kursiv existieren nicht.

display-hero · Besley 700
72 / 40px · 1.02 · −0.025em

Musterkoffer

display-kapitel · Besley 700
52 / 34px · 1.06 · −0.02em

Beratung vor Ort

display-programm · Besley 600
34 / 26px · 1.12 · −0.01em

Bueroeinrichtungen

mark-kapitel · Source Sans 3 700
14 / 13px · 1.0 · +0.10em

Handelsvertretung · Trappenkamp

lead · Source Sans 3 400
21 / 18px · 1.5 · 0

Ich bringe die Stoffkarte mit und du entscheidest am eigenen Tisch.

body · Source Sans 3 400
17px · 1.6 · 0

Eine Handelsvertretung verkauft keinen Warenkorb, sondern den Besuch. Deshalb steht am Ende jedes Kapitels dieser Seite ein Weg zum Termin — und nicht ein weiterer Katalogpunkt.

card-title · Source Sans 3 600
21 / 19px · 1.3 · −0.005em

Drehstuhl-Programm

daten · Source Sans 3 400 · tnum
16px · 1.5 · 0

Lieferzeit 10–14 Werktage · Sitzhoehe 420–530 mm · 01520 2082387

label · Source Sans 3 600
14px · 1.2 · +0.04em

Dein Betrieb

caption · Source Sans 3 400
14px · 1.45 · +0.01em

Stoffmuster fuer die Drehstuhl-Serie · Besprechungstisch bei einem Kunden in Bordesholm

Verhaeltnis 72 / 34 / 21 = 3.4 : 1.6 : 1 — kein Mittelwert-Brei.

Bausteine · alle Zustaende

05 / 07

Knoepfe, Karten, Felder

Fahr mit der Maus darueber und tabbe durch — die Zustaende sind hier echt, nicht abgebildet.

btn-primary — default / hover / active / focus (Tab) / disabled

Beratung anfragen

btn-secondary — Umriss in Petrol

Alle Programme ansehen

btn-ghost / Textlink — Unterstreichung springt im Hover auf Rostrot

card-musterkarte — Bild randlos, Reiter auf dem Bild, Hover hebt 2px

Werbeartikel

Vom Kugelschreiber mit deinem Logo bis zur Messetasche — ich bringe Muster mit, bevor du bestellst.

Muster in 3–5 Werktagen

Schreibgeraete

Farbkarte, Schaftform, Gravur. Du siehst die Schrift auf dem Stift, bevor die Auflage laeuft.

Ab 50 Stueck · Gravur inklusive

Bueroeinrichtungen

Stuhl, Tisch, Akustik. Ich messe bei dir auf, du sitzt Probe — und danach kommt ein Angebot.

Aufmass vor Ort · Region Kiel
Ebene 0 · flach
Standard. Rund 90 % der Seite.
Ebene 1 · aufgelegt
Karten-Hover, Knopf-Hover, gescrollter Header.
Ebene 2 · schwebend
Reserviert. Im Standard-Build unbenutzt.
Ebene 3 · Overlay
Drawer, Cookie-Hinweis.

Jeder Zustand ist ein Wert, kein Adjektiv.

Beratung · bei dir im Betrieb

06 / 07

Die eine dunkle Flaeche

Genau zwei Flaechen dieser Marke laufen in Petrol: dieses Band und der Fuss. Zusammen rund 22 % — innerhalb des Korridors 0–35 %. Weiss auf Petrol misst 8.46 und traegt jede Groesse.

Termin vorschlagen
Stimmungsbild: Musterkoffer im warmen Fensterlicht

Anfrage · Antwort am selben Werktag

07 / 07

Die wichtigste Komponente

Ziel dieser Seite ist die Anfrage. Deshalb ist das Formular kein Anhang, sondern das am genauesten spezifizierte Bauteil.

Da fehlt noch das @ — ohne funktionierende Adresse kann ich dir nicht antworten.

Passt — ich rufe zurueck.

Anfrage abschicken

Erfolgstext: Angekommen. Ich melde mich am selben Werktag bei dir — meistens telefonisch, weil das schneller geht. (Reaktionszeit-Zusage: von Frank Rissmann zu bestaetigen — TODO-Kunde.)