Devět směrů, jak může vypadat nový web FORMELO.

Všechny návrhy respektují brand barvy z původního webu — magenta #DE1D89, cyan, lime, orange, yellow, red — aby návštěvník hned poznal, že je to pořád FORMELO. Liší se ale layoutem, typografií a náladou. Klikni na náhled a otevři si plnou stránku.

Co je společné napříč všemi návrhy

Nejnovější ★
Návrh I — Čistý moderní

Čistý moderníSaaS-styl · žádné velké dlaždice

Modernější take na produkční web bez gigantických bento bloků z návrhu B. Vlnitá hlavička, kompaktní hero (photo + text + chipy), tenký trust strip, „Náš den" jako timeline 6 stejných kartiček s barevnými levými okraji, aktivity v 5 stejných kartách, mini galerie thumbs, jídelníček clean tabulka, aktuality 3 stejné karty s color accent nahoře, ceník 5 stejných karet, FAQ ve 2 sloupcích. Brand barvy přes akcenty (borders, ikony, tečky), nikoli velké bloky.

Plus Jakarta Sans Even grid No bento
Návrh G — Klidný moderní

Klidný moderníWhitespace · čisté · profesionální

Vlnitá hlavička jako produkce, ale obsah pod ní je střídmější — hodně whitespace, hero s photo placeholderem, meta strip s 4 stats, čisté activity karty s barevnými top borders, photo strip galerie, dvojsloupcový jídelníček + sidebar Aktualit, jednoduchý ceník. Žádné neonové sekce, žádné výkřiky — působí profesionálně a klidně.

Plus Jakarta Sans Whitespace Calm
Nejnovější ★
Návrh H — Klidný foto

Klidný foto‑firstFull‑bleed hero · galerie · vizuální

Vlnitá hlavička jako produkce, ale pod ní obří full‑bleed photo hero s gradient overlayem — fotka vede vizuálně. Pak facts bar s barevnými ikonami, alternující photo‑text sekce („O školce" s obrázkem vlevo), galerie 2×3 masonry, dvojsloupcový jídelníček + aktuality, mapa v kontaktu. Photo‑driven blogová estetika.

Plus Jakarta Sans Photo-first Visual
Návrh E — Pinboard

Pinboard / nástěnkaPapírová nástěnka · sticky notes · washi

Celá stránka jako učitelská nástěnka — žluté papírové pozadí s barevným teček gridem, sticky notes pro aktivity, lined‑notebook karta pro jídelníček s razítkem "Oběd 40 Kč", washi pásky a špendlíky v brand barvách. FORMELO v hero rozházené písmenko po písmenku v duhových barvách na washi pásce.

Caveat + Jakarta Cork board Tactile
Návrh F — Doodle

Hand‑drawn doodleSVG ilustrace · sticker karty · barevné sekce

Sketchbook estetika s velkou porcí barevnosti — lime topbar nahoře jako produkce, vlastní SVG ilustrace školky s panáčky a sluníčkem v hero, „sticker" kartičky s offset shadows a asymetrickými border‑radius. Marker font (Caveat) ponechaný jen pro hlavní headline + section h2 — zbytek čistý sans‑serif. Každá sekce má vlastní brand tint pozadí.

Caveat (jen H1/H2) Plus Jakarta Sans Tinted sections
Návrh D — Experimentální

ExperimentálníAsymetrie · plovoucí prvky · sekce přetékají

Žádné striktní header/menu/content/footer pásy. Vlna z hlavičky přetéká do hero a obsahuje plovoucí pill menu i logo. Stat kartičky překlenují sekce. Aktivity v asymetrické mozaice. "Dnes" jídelníček jako featured card, ostatní dny vedle. Aktuality v naklánějících se kartách. Plovoucí CTA dole.

Fraunces + Jakarta Asymmetric Bold Modern
Návrh A — Klasický

Klasický redesignSidebar layout · věrný originálu

Stejný layout jako stávající web — dvojsloupcový s „Aktuality“ a „Rychlý kontakt“ panely v sidebaru. Modernizovaná typografie, lepší spacing, hover stavy. Rodiče se neztratí.

Plus Jakarta Sans Sidebar layout Familiar
Návrh B — Moderní

Moderní redesignBento layout · současný styl

Stejná hlavička, ale obsah pod ní je v bento gridu — velký gradient hero, barevné statistické kartičky, foto blok, aktuality v jedné dlaždici. Cítí se to současně.

Plus Jakarta Sans Bento grid Modern
Návrh C — Editorial

Editorial redesignMagazín · serif · premium

Stejná hlavička, ale obsah pod ní je editoriální — serif Fraunces nadpisy, geometrický photo frame s badgeami, velké jídelníčkové tabulky, černá news sekce. Premium dojem.

Fraunces + Inter Editorial Premium

Co je dál?

Vyber návrh (nebo řekni, co z čeho ti sedí). Pak postavím:

PHP 8 aplikaci, SQLite jako úložiště (jeden soubor, žádný DB server)
Admin s loginem — CRUD pro aktuality a týdenní jídelníček
Docker + Traefik labely podle tvého lab patternu (${BRANCH_NAME}.formelo.me.${LAB_DOMAIN})
• Veřejné stránky: úvod, jídelníček, aktuality, ceník, kontakt

Pozor — starý web je hacknutý

V HTML formelo.cz jsou skryté SEO‑spam odkazy (high‑endrolex.com, replicawatches.st) zaházené do textů. PHP běží na verzi 5.3, server CentOS / Apache 2.2.23 — desetiletí staré, díry v zabezpečení.

Nový build je tím pádem nejen vizuální upgrade, ale i bezpečnostní reset.