wooms WMS GmbH Logo

Markenhandbuch · Version 2.0 · Stand 6. November 2026

So sieht wooms aus. So klingt wooms.

Dieses Handbuch beschreibt, was auf wooms.ai gilt. Es ist aus dem Code abgeleitet, nicht aus einem Wunschbild: 48 Seiten, 20 Stilsysteme, 219 Mono-Deklarationen, gezählt am 6. November 2026. Wo eine Regel neu festgelegt ist, steht es dabei. Die Seite nutzt selbst jede Regel, die sie beschreibt. Für Agenturen, Partner, Presse und uns.

01 · Marke

Lagersoftware aus Berlin. Gemacht im Lager, nicht im Pitch.

wooms ist ein KI-gestütztes Warehouse Management System für Händler mit eigenem Lager und für Fulfiller. Die Gründer betreiben seit 2017 selbst E-Commerce-Lager. Daraus folgt die Haltung der Marke: Zahlen statt Adjektive, Grenzen stehen dabei, Demo-Daten heißen fiktiv, und nichts wird vermarktet, was nicht live ist.

wooms ist Software, kein Fulfiller. Wer ein Lager sucht, wird auf die Partnerkarte geschickt. Diese Abgrenzung steht auf jeder Seite, die Fulfiller anspricht.

Namewooms

Immer klein, auch am Satzanfang. Der Name ist ein Wort, kein Akronym.

Juristischwooms WMS GmbH

Goerzallee 311, 14167 Berlin. In Impressum, Verträgen, Bildtexten und strukturierten Daten.

Absenderwooms AI

Nur als Seitenname in Metadaten. Im Text heißt es wooms.

Ein SatzDein Lager kann mehr. Gib ihm wooms.

Der Abschluss-Satz der Produktseiten. Wird nicht variiert.

03 · Farben

Navy auf Paper. Gold nur, wo es zählt.

Die Seite ist zweifarbig gedacht: Navy als Schrift und Fläche, Paper als Grund. Gold markiert Zahlen, Fokus und Akzente. Sage ist die zweite Akzentfarbe für Partner- und Übersichtsseiten. Alles andere sind Status- oder Diagrammfarben mit festen Rollen.

Navy#092C4C · --navy

Text, Flächen, primäre Buttons, Linien. Die Farbe der Wortmarke und der eigentliche Grundton der Seite.

172 Treffer · auf Paper 11,8:1

Navy Deep#061F37 · --navy-deep

Dunkle Sektionen: Faktenbänder, Abschlüsse, Rechner. Nie als Textfarbe.

17 Treffer, 14 Tokens · Paper darauf 14,9:1

Paper#F5F2ED · --paper

Seitengrund. Weiß gibt es nur für Karten, Tabellen und Diagrammflächen darauf.

53 Treffer

Weiß#FFFFFF · --white

Karten, Tabellenzellen, Bühnen für Diagramme. Nicht als Seitengrund neuer Seiten.

238 Treffer

Gold#D1B06B · --gold

Akzent: Zahlen auf dunklem Grund, Fokusrahmen, Kicker-Striche, Lichtkreise. Als Text nur auf Navy.

128 Treffer · auf Navy Deep 8,2:1 · auf Paper 1,9:1

Gold Deep#A98B45 · --gold-deep

Gold für helle Flächen: Rahmen, Striche, Trennlinien. Nicht als Textfarbe, dafür ist Gold Ink da.

3 Tokens · auf Paper 2,9:1, reicht für Text nicht

Gold Ink#6A5726 · --gold-ink

Goldton als Textfarbe auf hellem Grund: Kicker, Mono-Labels, kleine Auszeichnungen.

Textfarbe · auf Paper 6,3:1

Sage#959574 · --sage

Zweite Akzentfarbe als Fläche: Buttons und Kicker auf Partner- und Übersichtsseiten (Partner, OTTO, Presse, Präsentationen). Schrift darauf ist Navy, nicht Weiß.

39 Treffer, 17 Tokens · Navy darauf 4,6:1

Sage Ink#6F6F52 · --sage-ink

Sage als Textfarbe auf hellem Grund: Kicker und Mono-Labels der Übersichtsseiten.

Textfarbe · auf Paper 4,6:1

Primary Dark#01182D · Tailwind

Altbestand aus Header, Menü, Cookie-Banner und Rechtstexten. In neuen Seiten nicht verwenden, Navy nimmt die Rolle.

349 Treffer, nur Tailwind-Klassen · Auslauf

Signalgelb#E2FF00 · kein Token

Sonderfall Built for Scale. Nicht auf andere Seiten übertragen.

62 Treffer, eine Seite · Sonderfall

Die Navy-Leiter: vier Stufen statt neuer Grautöne

Sekundärer Text, Bildunterschriften, Linien und Flächen sind immer Navy mit Deckkraft, nie ein eigenes Grau. So bleibt alles aus einer Farbe.

Navy 70rgba(9,44,76,.70) · --navy-70

Fließtext, Erklärungen, Sublines.

Navy 45rgba(9,44,76,.45) · --navy-45

Bildunterschriften, Metadaten, Achsen.

Navy 28rgba(9,44,76,.28) · --rule-strong

Betonte Linien, Ghost-Button-Rahmen.

Navy 13rgba(9,44,76,.13) · --rule

Standardlinie, Kartenrahmen, Tabellenraster.

Status, Diagramme, Partner

Rot#B4473A

Warnung, „läuft aus“, falsch belegte Plätze

Amber#B9892F

Hinweis, „zu viel Bestand“, Schnelldreher

Grün#3A8F7A

Bestätigung, Haken, „liegt zusammen“

WhatsApp#25D366

Ausschließlich der WhatsApp-Button

Indigo#5B6BB5
Teal#3A8F7A
Amber#B9892F
Violett#7D5BB5
Olive#7E9450
Navy 100#092C4C
Navy 70#3F608B
Navy 40#8EA3C0
Navy 15#B8C6DA
Leer#E7E2D8

Diagramme nutzen zuerst die Navy-Reihe, dann Indigo, Teal, Amber, Violett, Olive, in dieser Reihenfolge. Rot heißt Problem und sonst nichts. Partnerfarben gehören auf die Seite des Partners und nirgendwo sonst. Alles, was zu wooms führt, bleibt Navy, auch auf der Billbee-Seite.

Shopify#008060 · #95BF47

nur /shopify

Billbee#00C069

nur /billbee

OTTO Market—

keine Partnerfarbe, Navy und Sage

JTL—

keine Partnerfarbe, Navy

/* wooms Design-Token, kanonische Fassung (Stand 6. November 2026) */ .seite { --navy: #092C4C; --navy-deep: #061F37; --paper: #F5F2ED; --white: #fff; --gold: #D1B06B; --gold-deep: #A98B45; --gold-ink: #6A5726; --sage: #959574; --sage-ink: #6F6F52; --navy-70: rgba(9,44,76,.70); --navy-45: rgba(9,44,76,.70); --rule: rgba(9,44,76,.13); --rule-strong: rgba(9,44,76,.28); --paper-72: rgba(245,242,237,.72); --paper-50: rgba(245,242,237,.62); background: var(--paper); color: var(--navy); font-family: 'Lexend', system-ui, sans-serif; font-weight: 300; } .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; } .btn { font: 400 11px/1 'JetBrains Mono', monospace; letter-spacing: .12em; text-transform: uppercase; padding: 14px 22px; border: 1px solid var(--navy); background: var(--navy); color: var(--paper); border-radius: 2px; } .card { background: var(--white); border: 1px solid var(--rule); border-radius: 4px; }

04 · Schrift

Lexend spricht. JetBrains Mono zählt.

Zwei Schriften tragen die Seite. Lexend in 200 bis 500 für Überschriften und Fließtext, leicht und offen. JetBrains Mono in 400 und 500 für alles, was Label, Zahl, Kicker oder Button ist, in Versalien mit weitem Laufwert. Noto Sans bleibt als System-Schrift im Header, im Menü, im Cookie-Banner und in Rechtstexten, in neuen Seiten wird sie nicht mehr gesetzt. Source Serif 4 wird geladen, aber nirgends verwendet und kann aus dem Layout raus.

H1 · Lexend 200
clamp(38px,5.4vw,76px) · −.03em · 1.02

Dein Lager kann mehr. Gib ihm wooms.

H2 · Lexend 200 mit 400-Betonung
clamp(30px,4vw,54px) · −.025em · 1.06

Keine Wunder-Prozente. Mathematik an der richtigen Stelle.

H3 · Lexend 400
18 bis 22px · −.01em

Das Label gibt es erst, wenn alles gescannt ist

Fließtext · Lexend 300
15 bis 17px · 1.65 · Navy 70

wooms zählt am Platz und schreibt jede Buchung an den Shop zurück. Überverkauf ist kein Schicksal, sondern ein Datenproblem.

Kicker · JetBrains Mono 400
11px · .16em · Versalien

Echte Daten · 90 Tage

Große Zahl · JetBrains Mono 400
clamp(30px,3.6vw,52px) · −.03em · tabular

64.073

Bildunterschrift · Mono
9.5 bis 10.5px · .12em · Navy 45

Jedes Quadrat ist ein Lagerplatz · Zahlen echt, Lage illustrativ

So ja

  • Überschriften in 200, Betonung als <b> in 400, nie fett 700
  • Mittelpunkt „·“ trennt Kicker-Teile, mit Leerzeichen
  • Zahlen in Mono mit tabularen Ziffern, Tausenderpunkt, Komma
  • Zeilenlänge 52 bis 66 Zeichen für Fließtext

So nicht

  • Keine Versalien in Lexend, Versalien sind Mono-Sache
  • Kein Noto Sans, keine dritte Schrift in neuen Seiten
  • Keine kursive Betonung, keine Unterstreichung außer als Link-Linie
  • Keine Überschrift länger als 24 Zeichen pro Zeile bei H1

05 · Layout

1200 Pixel, 1 Pixel Linien, 2 und 4 Pixel Radius.

MaßWert und Regel
Seitenbreitemax-width 1200 px, Leseseiten 1000 px. Seitenrand clamp(20px, 5vw, 64px).
Sektionenpadding clamp(64px, 9vw, 120px), oben 1 px Linie in Navy 13. Hintergründe wechseln Paper, Weiß, Navy Deep.
Heropadding-top clamp(124px, 15vw, 176px), weil der Header fixiert ist. Nichts darf unter der Kopfzeile kleben.
Radien2 px für Buttons und Chips, 4 px für Karten und Bühnen, 6 px für Diagrammflächen. Pills nur im Header. 40 px gibt es nicht mehr.
Raster-Tabellendisplay grid, gap 1 px, Hintergrund Navy 13, Zellen weiß. Keine klassischen Tabellenlinien, keine Zebra-Streifen.
Breakpoints900 px (Zweispalter wird einspaltig), 760 px (Karten), 560 px (Kennzahlen zweispaltig). Ab 375 px ohne horizontales Scrollen, Tab-Leisten dürfen scrollen.
SchattenNur auf Hover und auf Produkt-Mockups: 0 24px 60px rgba(9,44,76,.08). Keine Schatten auf Text, keine Verläufe außer dem Lichtkreis.

06 · Komponenten

Wenige Bausteine, überall gleich gebaut.

Buttons

Mono, 11 px, .12em, Versalien, 14 × 22 px Innenabstand, 1 px Rahmen, 2 px Radius. Primär Navy. Auf Partner- und Übersichtsseiten Sage. Ghost transparent mit Navy-28-Rahmen. WhatsApp ist der einzige grüne Button. Hover hebt 2 px und wirft Schatten.

30 Minuten mit dem GründerZur Partnerkarte →Alle Schnittstellen
Demo-TerminKostenlos registrieren

Kicker

18 px Strich, Mono-Label in Versalien, Farbe ist der Seitenakzent: Gold Deep auf wooms-Seiten, Sage auf Übersichten, Partnerfarbe auf Partnerseiten. Teile trennt der Mittelpunkt.

Vom Klick bis zum Karton

Partner · Fulfillment mit wooms

Faktenband

Dunkle Fläche, drei oder vier Zahlen in Mono und Gold, darunter ein Satz in Weiß 72. Zahlen zählen beim Einblenden hoch. Nur belegte Zahlen, mit Stand oder Quelle.

0,095 €pro Bestellung, keine Grundgebühr
230+Stores arbeiten mit wooms
30 Minvon der Installation zur ersten Bestellung

Karte, Tabelle, FAQ

KarteWeiß, 1 px Navy 13, 4 px Radius

Kicker oben, Titel in 400, Text in Navy 70. Hover hebt 4 px. Auf Paper-Grund immer weiß, auf weißem Grund Paper.

Raster-TabelleGrid mit 1 px Fugen

Kopfzeile Mono in Navy 45, erste Spalte in 400, Rest Navy 70. Auf Mobil werden Zeilen zu Blöcken mit Mono-Labels.

FAQdetails und summary

Plus in Mono, dreht sich beim Öffnen um 45 Grad. Fragen so formulieren, wie Kunden sie stellen. Antworten mit Zahl.

Hat Shopify ein eigenes WMS?

Nein. Shopify führt Bestände je Standort, kennt aber keine Lagerplätze, Laufwege oder Packkontrolle.

Abschluss mit Lichtkreis

Jede Produktseite endet dunkel: Navy Deep, ein Lichtkreis im Seitenakzent mit 22 Prozent Deckkraft, der beim Scrollen wächst, eine Zeile in 200 mit Betonung in Gold, drei Buttons, eine ehrliche Fußnote, wer die Seite nicht braucht.

Dein Lager kann mehr. Gib ihm wooms.

07 · Bewegung

Bewegung erklärt. Sie dekoriert nicht.

MusterRegel
EinblendenEinmalig beim Scrollen: 22 px nach oben, 0,7 s, power3.out, Staffelung 0,08 s. Auslöser bei 88 Prozent Viewport. Danach bleibt alles stehen.
HeroEine Timeline: Text, dann Diagramm von links, Kern springt mit back.out auf, Rest von rechts. Unter 2 Sekunden fertig.
Gepinnte StoryNur, wenn ein echter Prozess in Schritten erzählt wird (Klick bis Karton). Scrub, 4 Schritte, 0,9 Viewport-Höhen pro Schritt, Schrittweiser Text links, SVG-Bühne rechts.
ZählerZahlen zählen beim ersten Sichtkontakt hoch, 1,4 bis 1,6 s, cubic out, tabulare Ziffern, damit nichts springt.
ScrollenLenis mit lerp 0,1 und Dauer 1,5 s, einmal im Layout. Keine Scroll-Hijacks, keine horizontalen Scroll-Sektionen.
VideoStumm, Schleife, läuft nur im Sichtfeld, Poster vorhanden. Keine eingebrannten Überschriften, die Seite liefert die Bildunterschrift.
Reduced Motion PflichtBei prefers-reduced-motion steht sofort der Endzustand: keine Reveals, keine Zähler, keine Pins, Ticker ohne Lauf. Stand heute halten 24 von 52 animierten Dateien diese Regel. Ziel: alle.

08 · Bilder und Diagramme

Blaupause statt Stockfoto. Screenshot statt Mockup-Fantasie.

wooms zeigt drei Arten von Bildern: Blaupausen-Zeichnungen als SVG mit 1 px Navy-Linien auf gepunktetem Raster, echte Screenshots aus Produkt und Shopify-Admin, und Diagramme aus echten Daten mit Stand und Quelle. Keine Stockfotos, keine Menschen aus Bilddatenbanken, keine 3D-Renderings.

SHOPwoomsLAGERPLÄTZE · LAUFWEG 1–3PACKTISCH

So ja

  • Linien 1 bis 1,6 px, Navy oder Gold, vector-effect non-scaling
  • Mono-Beschriftung 9,5 px in Versalien, Navy 45 für Nebensachen
  • Echte Daten mit Kicker „Echte Daten · 90 Tage“ und Quelle im Kleingedruckten
  • Demo-Daten als „fiktiv“ im Bild markieren, wie das Händler-Dashboard
  • Screenshots mit Breite, Höhe und Alt-Text, der den Inhalt nennt

So nicht

  • Keine Kundendaten ohne Freigabe, keine Problemzahlen von Kunden
  • Keine Diagramme ohne Achsenbeschriftung oder ohne Textalternative
  • Keine Partnerlogos ohne Nutzungsrecht, keine „Bekannt aus“-Wand
  • Keine 10.000 DOM-Knoten: große Raster als Canvas oder zusammengefasste Pfade

09 · Sprache

Du. Kurz. Mit Zahl.

wooms duzt, auch Geschäftsführer. Sätze sind kurz, meist unter 20 Wörtern. Wo ein Adjektiv stünde, steht eine Zahl: nicht „schnell“, sondern „in 0,4 Sekunden“. Grenzen stehen dabei, mit eigener Überschrift: „Was bewusst in Shopify bleibt.“ Humor kommt aus der Sache, nicht aus Wortspielen.

RegelBeispiel
Zahlen deutsch64.073 Aufträge · 0,095 € · 2,9-fach · 10.500 Plätze · 24.07. bis 22.10.2026. Geschütztes Leerzeichen vor € und %.
Preise nettoImmer „netto“ dazu, nie „ab“ ohne Zahl, nie „individuell“. Zusatzkosten offen nennen: Paletten 4,50 €, Retouren 0,25 €.
KickerVersalien mit Mittelpunkt: ECHTE DATEN · 90 TAGE, 01 · FÜR KUNDEN, SCAN · ZÄHLEN · ABGLEICH.
ReifegradBeta, Pilot und „in Vorbereitung“ stehen sichtbar dabei. Was nicht live ist, wird nicht beworben.
Keine Wunder-ProzenteKeine „bis zu 80 % Zeitersparnis“. Wenn eine Zahl, dann aus einem Lager, mit Zeitraum.
Der Mensch entscheidetKI schlägt vor, Menschen scannen. „Nichts bewegt sich, bevor ein Mensch zustimmt und scannt.“
PartnerMit Respekt und ohne Vergleichswerbung: „Billbee führt die Aufträge, wooms führt das Lager.“ Was der Partner nicht baut, steht mit Quelle und Datum da.

Sätze, die stehen

„0,095 € pro Bestellung. Keine Grundgebühr, keine Einrichtung.“

„230+ Stores arbeiten mit wooms.“

„Scan-Prinzip: Das Label gibt es erst, wenn alles gescannt ist.“

„Kein Chatbot, keine Warteschleife. Ein Anruf, ein Lager, ein Plan.“

„Dein Lager, deine Regeln.“

„Dein Lager kann mehr. Gib ihm wooms.“

„Jeder Prozess im Lager ist ein mathematisches Problem in Arbeitskleidung.“

„wooms ist Software, kein Fulfiller.“

10 · Schreibweisen

Ein Name, eine Schreibweise.

BegriffRegel
woomsimmer klein, auch am Satzanfang; Versalien nur per CSS in Labels. Nie Wooms.
wooms WMS GmbHjuristischer Name: Impressum, Verträge, JSON-LD, Bildtexte.
wooms AInur als Absender in Metadaten (siteName). Nicht im Fließtext.
WAISimmer Versalien. Auf der Startseite die Stimme der Picken-App, in Vorträgen das Zielbild „Warehouse Agentic Intelligence System“. woomsLM nur mit Freigabe.
Scanner-Appmit Bindestrich. Route /scanner-app.
Händler-Dashboardmit Bindestrich. Englisch im Produkt: Client Dashboard.
wooms ReturnsProduktname mit großem R, kein Unterstrich.
AI-Adressguardianmit Bindestrich, Guardian englisch.
Connector Hubzwei Wörter, ohne Bindestrich.
1-Scan, 2-Scan, 0-ScanKurzformen der Pick-Workflows. Lang: One-Step, Cart Picking, Batch-Builder.
MCP-Servermit Bindestrich. Status: live.
Lager-Klassifizierung, Systemkarteneue Produktseiten, Bindestrich beziehungsweise ein Wort.
Scan-PrinzipWir versprechen keine null Fehler, wir beschreiben den Scan: Das Label gibt es erst, wenn alles gescannt ist.
0,095 € pro BestellungKomma, geschütztes Leerzeichen vor €, „pro Bestellung“ oder „pro Auftrag“, nie „/Order“.

11 · Barrierefreiheit und Technik

AA ist das Minimum. Tastatur ist Pflicht.

ThemaRegel
KontrastText mindestens 4,5:1, große Schrift 3:1. Navy auf Paper 11,8:1. Gold nur auf Navy Deep als Text. Gold Deep auf Paper nur für Labels ab 11 px Mono in Versalien, sonst Navy 70.
FokusSichtbarer Fokusring: 2 px Gold Deep, 3 px Abstand. Nie outline: none ohne Ersatz. Beispiel: dieser Link.
Tabs und Umschalterrole tablist, aria-selected, Pfeiltasten, Home, Ende. Umschalter mit aria-pressed. Zustand nie nur über Farbe.
Diagrammerole img mit aria-label, das Headline und Kennzahlen nennt. Kennzahlen stehen zusätzlich als Text daneben. Canvas bekommt eine Bildunterschrift.
Bewegungprefers-reduced-motion zeigt den Endzustand. Kein Autoplay mit Ton. Keine blinkenden Elemente.
Sprachelang de auf der Seite, englische Produktnamen bleiben Produktnamen. Alt-Texte beschreiben den Inhalt, nicht „Bild“.
MetadatenTitle bis 60 Zeichen mit Keyword vorn, Description 150 bis 160 Zeichen, Canonical, OG-Bild 1200 × 630, JSON-LD passend zum Seitentyp. Sitemap-Eintrag erst, wenn die Seite live darf.
TrackingGoogle Analytics mit Consent Mode, sonst nichts. Kein neues Tracking ohne Beschluss, keine Drittanbieter-Schriften außer Google Fonts.

12 · Downloads und Signatur

Alles, was du brauchst, in einer Datei pro Zweck.

E-Mail-Signatur

Zwei Fassungen: die lange für erste Mails und Angebote, die kurze für Antworten im Verlauf. Beide sind Tabellen mit Inline-Styles, damit Gmail, Apple Mail und Outlook sie gleich zeigen. Systemschrift als Rückfall, weil Mailprogramme keine Webfonts laden. Die lange Fassung trägt die Pflichtangaben der GmbH in der Fußzeile.

wooms
 
Ansgar Sohn
Gründer & Geschäftsführer
wooms WMS GmbH
Goerzallee 311
14167 Berlin
wooms.ai  ·  Lagersoftware aus Berlin, für Händler mit eigenem Lager und für Fulfiller  ·  LinkedIn
wooms WMS GmbH  ·  Sitz Berlin  ·  Amtsgericht Charlottenburg, HRB 279769 B  ·  Geschäftsführer: Ansgar Sohn
Als Seite öffnen
wooms
Ansgar Sohn  ·  Gründer & Geschäftsführer, wooms WMS GmbH
+49 174 721 18 13  ·  wooms.ai  ·  30 Minuten Demo

Einrichten: Gmail unter Einstellungen → Signatur ein neues Feld anlegen und einfügen. Apple Mail: Signatur anlegen, Seite öffnen, markieren, kopieren, einfügen. Outlook: Signatur bearbeiten, einfügen. Telefon, Name und Rolle für andere Personen im Team einfach überschreiben.

13 · Änderungen

Version 2.0 gegenüber Version 1.

SchriftVersion 1 nannte Noto Sans in 100 bis 500. Tatsächlich tragen Lexend und JetBrains Mono die Seite, Noto Sans ist System-Schrift. Gewicht 100 wurde nie geladen.
FarbenNavy Deep, Gold Deep, die Navy-Leiter, Status-, Diagramm- und Partnerfarben sind neu dokumentiert. Primary Dark ist Altbestand.
Radien und ButtonsStatt 40-px-Pills und Glas-Header gelten 2 und 4 px und der Mono-Button. Der Header bleibt der einzige Pill.
NeuLogo mit Schutzraum und Mindestgröße, Layoutmaße, Komponenten, Bewegung, Bilder, Sprache, Schreibweisen, Barrierefreiheit, Downloads.
OffenSource Serif 4 aus dem Layout entfernen. Reduced Motion in allen animierten Dateien nachziehen. Neun Schreibweisen „Wooms“ im Code korrigieren.

Markenhandbuch Version 2.0, 6. November 2026. Änderungen bitte an das Team, Fragen an info@wooms.io.