V původním snění

Proč tak a ne jinak

• Původní web používá příliš mnoho barev najednou (WordPress Gutenberg nabídne 20+ preset barev a bloky je volně kombinují). Výsledek vypadá pestře, ale nesoustředěně.
• Tento návrh drží celou paletu na 2 barvách: teal #0a7475 a cyan #14e7eb — obě jsou ze stávajícího brandu, jen jsme se jich přestali bát.
• Tmavé pozadí (#090e0f) dá kapele jiné "těžiště" — vážnější, víc jako hudební web, míň jako blog. Světlá varianta je samozřejmě taky možná, záleží na preferenci.
• Větší prázdný prostor ("air") — stačí méně prvků na stránce, aby vypadala dobře.

Barvy hlavního webu

Eshop — co změnit

Eshop je na Shoptetu — barvy jdou měnit přímo v administraci bez kódu.

Kde v Shoptetu změnit barvy

• Administrace eshopu → Vzhled → Šablona → Barvy
• Změň Secondary color z #32cb00 na #14e7eb
• Změň Secondary hover z #003532 na #0a7475
• Inline zelené barvy #009901 v popisech produktů je potřeba opravit ručně v editoru každého produktu — nahradit za výchozí barvu textu
• Font v eshopu (Open Sans) je odlišný od Urban Grotesk na hlavním webu — Shoptet nepodporuje custom fonty snadno, ale Open Sans jako sans-serif je neutrální a přijatelná volba

Implementace redesignu

• Web běží na WordPressu s AutomaticCSS a page builderem
• Postup: zkopírovat tento HTML/CSS jako reference design → přepsat barvy v AutomaticCSS (Primary na #0a7475, Secondary na #14e7eb) → upravit stránku v page builderu
• Alternativa: nová šablona s čistším výchozím layoutem (Kadence, GeneratePress, nebo custom theme)
• Prioritní kroky: 1) sjednotit barvy, 2) snížit počet různých barev na stránce, 3) přidat více bílého prostoru

Font

Hlavní web používá Urban Grotesk — proprietární font, který není dostupný přes Google Fonts. V tomto mockupu je nahrazen Space Grotesk, který je velmi podobný a volně dostupný.

Pokud chceš zachovat Urban Grotesk, je potřeba mít licenci a hostovat font sám nebo přes Adobe Fonts.