Design Guidelines

The visual language of wooms AI.

Brand Identity

Naming: wooms

Der Markenname wird immer kleingeschrieben. Dies unterstreicht den modernen, technologischen und nahbaren Charakter der AI-First Lösung.

Typographic Scale

Hero Headline

10vw - 14vw

Haupt-Headline auf der Startseite. Maximaler Impact, enges Tracking (-0.03em).

Innovation durch Intelligenz.

Section Headline

38px

Überschriften für Inhaltsbereiche. Kraftvoll und präsent durch Regular-Gewichtung (400) und luftigen Zeilenabstand (1.5).

Innovation durch Intelligenz.

Subline / Copy

26px

Erläuternde Texte unter Headlines. Erhöhte Lesbarkeit durch moderne Skalierung.

Innovation durch Intelligenz.

UI / Label

15px

Buttons, Menüpunkte, kleine Metadaten. Hoher Kontrast durch Spacing (0.25em).

ÜBER WOOMS AI

Legal / Footer

12px (text-xs)

Color Palette

Primary Dark (Text/UI)

#01182D

Wird für alle Texte, Headlines und primäre UI-Elemente verwendet. Ersetzt reines Schwarz.

Accent Gold (Outline/Brand)

#D1B06B

Ein warmer Goldton für Pill-Outlines und dezente Marken-Akzente. Wirkt edel und modern.

Muted Sand (Section BG)

#F5F2ED

Ein sanfter Beigeton für alternative Sektions-Hintergründe, um Tiefe zu erzeugen.

Shopify Olive (Shopify BG)

#959574

Ein olivgrüner Khaki-Ton speziell für die Shopify-Seite. Erzeugt eine warme, natürliche Atmosphäre.

Brand Blue (Logo)

#092C4C

Die Originalfarbe aus dem wooms Logo. Wird für Marken-Akzente genutzt.

Background

#FFFFFF

Reines Weiß für den Hintergrund, um maximale Luftigkeit zu garantieren.

Typography (Noto Sans)

Thin 100

Gemeinsam, Lager weiter entwickeln.

Für sehr elegante, großflächige Textblöcke.

Light 300

Gemeinsam, Lager weiter entwickeln.

Standard für edle Headlines und beschreibende Texte.

Regular 400

Gemeinsam, Lager weiter entwickeln.

Standard für Fließtext und gut lesbare Headlines.

Medium 500

Gemeinsam, Lager weiter entwickeln.

Für Buttons und hervorgehobene Elemente.

UI Elements

Pill Button

Glass Pill Header

Semitransparent (`bg-white/70`) mit starker Unschärfe (`backdrop-blur-xl`) für Tiefe und Leichtigkeit.

Contact Signature

wooms

Ansgar Sohn

wooms WMS GmbH

Goerzallee 311
14167 Berlin