Design System – Mocha Mousse & Logistics

Przewodnik po Stylu i Typografii

Wizualizacja systemu opartego na trendzie “Mocha Mousse”. Balans między rzemieślniczym luksusem a technologiczną precyzją logistyczną.

01. System Typograficzny

H1 / Playfair Display

Elegancki Nagłówek Główny

Serif, Bold, Interlinia 1.2 — Sygnał luksusu i tradycji.

H2-H3 / Montserrat

Sekcje i Kategorie Produktowe

Mniejszy Nagłówek Podsekcji

Sans-serif, Semi-bold — Czytelność i nowoczesna struktura.

Body / Inter

Tekst główny został zaprojektowany z myślą o maksymalnej czytelności danych operacyjnych. Interlinia na poziomie 1.6 jest kluczowa dla szefów kuchni i menedżerów przeglądających ofertę w biegu na urządzeniach mobilnych.

Sans-serif, Regular, Interlinia 1.6 — Maksymalna ergonomia czytania.

Data / Roboto Mono

SKU: 49201-B | Waga: 12.5kg | Ti/Hi: 10/5

Monospaced — Precyzyjne dane techniczne, kody SKU i wymiary paletowe.

02. Paleta Mocha Mousse

Sand Beige

#FAF9F6

Tło neutralne, redukujące kontrast, nadające organiczny charakter.

Dark Roast Mocha

#4A3325

Główny akcent CTA, prestiż i wysoka widoczność przycisków akcji.

Digital Amber

#D69A3C

Subtelne podkreślenia, ikony premium i oznaczenia „Exclusive”.

Logistic Green

#5E7B4C

Status dostępności „In Stock” — bezpieczny, naturalny zielony.

Terracotta Red

#A35418

Informacje o brakach lub promocjach typu „Outlet”.

03. Atrybuty Logistyczne i Komponenty

Autorskie Ikony SVG

Single Unit
Master Case
Pallet (Ti/Hi)
Cold Chain
IT / FR
Origin Badge
W magazynie

Oliwa Extra Vergine Riserva

SKU: OEV-RSV-002 | Paleta: 12/4

8 Karton
Italia

Zgodność z WCAG 2.1 | Skala Responsywna REM | Mocha Mousse 2026