#282828
Primary / tekst
brand-primary, brand-text
Bazowa czerń marki, nagłówki, tekst główny i przyciski akcji.
Brandbook cyfrowy
Manufaktura Wygody
Piękne, funkcjonalne i komfortowe meble prosto od producenta
manufakturawygody.plpl-PLPLN
LogoKolorTypografia
Źródło prawdy
Strona powstała z istniejących plików marki
Repo nie zawiera osobnego PDF-a. Ten widok składa pełny cyfrowy brandbook z realnej konfiguracji sklepu, tokenów CSS, istniejących SVG i źródłowej notatki o kontrastach.
packages/config/src/brand.config.ts
apps/storefront/src/styles/brand-tokens.css
apps/storefront/public/img/logo/logo-horizontal.svg
apps/storefront/public/img/logo/logo-horizontal-light.svg
apps/storefront/public/img/logo/logo-vertical.svg
apps/storefront/public/img/logo/logo-signet.svg
apps/storefront/src/lib/data/.claude/agent-memory/figma-to-web/collapsed-brand-tokens.md
Paleta
Czerń, ziemisty beż i ciepły brąz
Paleta jest spokojna, elegancka i produktowa. W interfejsie ważne jest rozróżnienie beżu dekoracyjnego od brązu używanego do czytelnych wyróżnień.
#BDB1A1
Secondary / accent
brand-secondary, brand-accent
Ciepły beż marki, tła akcentowe, obramowania, spokojne wyróżniki.
#9A8264
Sale
brand-highlight-sale
Jedyny mocniejszy brązowy akcent na jasnym tle: ceny, większe wyróżniki i grafiki.
#DBD8CF
Callout
brand-highlight-callout
Jasny, ziemisty panel informacyjny i delikatne tła sekcji.
#F5F5F5
Surface
brand-surface
Neutralne tło kart, pól i spokojnych pasów treści.
#E7E3DA
Border
brand-border
Linie, separatory i miękkie ramki elementów interfejsu.
#7A736A
Muted text
brand-text-muted
Opisowe teksty pomocnicze, metadane i mniej ważne etykiety.
#FFFFFF
Background
brand-background
Główne tło sklepu i bazowa przestrzeń dla mebli oraz treści.
Typografia
Hanken Grotesk jako głos marki
Brandbook wskazuje Hanken Grotesk dla nagłówków i tekstu, a JetBrains Mono dla zapisu technicznego tokenów, ścieżek i wartości.
Nagłówki
Hanken Grotesk
Piękne, funkcjonalne i komfortowe meble
Tekst podstawowy
Hanken Grotesk
Manufaktura Wygody mówi spokojnie, rzeczowo i elegancko.
Techniczne zapisy
JetBrains Mono
brand-highlight-sale = #9A8264
Logo SVG
Warianty znaku i poprawne tła podglądu
Oryginalne SVG pozostają bez zmian. Jasny wariant jest wyświetlany na subtelnym grafitowym tle #35312C, żeby białe elementy były wyraźnie widoczne.
Logo poziome jasne
logo-horizontal-light.svg
Wariant biały pokazywany na delikatnym grafitowym tle tylko w podglądzie.
Pobierz SVG
Logo pionowe
logo-vertical.svg
Pełniejszy znak do hero, ekranów logowania i większych pól marki.
Pobierz SVG
Kontrast
Reguły wynikające z kolapsu tokenów beżowych
Źródłowa notatka brandbooka opisuje ryzyko: kilka dawniej różnych tokenów sklepu dzisiaj wskazuje na ten sam beż. To eleganckie wizualnie, ale wymaga świadomego doboru tekstu.
Tokeny beżowe
brand-accentbrand-secondarybrand-highlight-premiumbrand-highlight-limebrand-highlight-redbrand-highlight-purple
1
Beż #BDB1A1 jest kolorem marki, ale nie powinien być małym tekstem na bieli ani białym tekstem na beżowym tle.
2
Na jasnym tle do mocnych wyróżnień używaj #9A8264, czyli brand-highlight-sale.
3
Na beżowym tle tekst pozostaje ciemny: #282828, zgodnie z poprawnym wzorcem bg-brand-accent text-brand-text.
4
Czysto dekoracyjne beżowe obramowania, ringi, focusy i wypełnienia mogą pozostać przy tokenie brand-accent.
5
Plik brand-tokens.css jest generowany automatycznie, więc reguły kontrastu poprawia się w miejscach użycia.
Linki i wersje
Adresy, dane kontaktowe i aktywna konfiguracja
To są realne wartości wpisane w konfiguracji marki. Profil społecznościowy pozostaje zgodny z repo, choć instrukcje projektu oznaczają je jako wymagające osobnej weryfikacji.
Dane marki
- Nazwa
- Manufaktura Wygody
- Podmiot
- "KMK MEBLE" Krzysztof Gnych
- Adres
- Ryś 17, 98-420 Sokolniki
- NIP / REGON
- 9970009472 / 731475237
Linki
Oryginalny plik
Pobierz źródłowy brandbook
Do pobrania jest kopia istniejącego pliku źródłowego z repo, bez zmiany jego treści. Strona powyżej rozwija go o konfigurację marki, tokeny i rzeczywiste warianty SVG.
Pobierz manufaktura-wygody-brandbook-source.md