Krátky playbook: akúkoľvek z týchto stránok vieš zreplikovať v Claude Code. Nebude to perfektné, ale tools na to už máš.

Workflow (platí pre všetky stránky)

1. Screenshot + popis — Odfotografuj alebo otvor stránku, opíš ju Claudovi slovami: layout, farby, pohyby, vibe
2. Scaffold — "Vytvor HTML/CSS/JS skeleton tejto stránky. Žiadne frameworky, vanilla CSS." — Claude vygeneruje kostru
3. Sekcia po sekcii — Nerob všetko naraz. "Teraz hero sekcia — full-viewport, text v strede, fade-in on load" — iteruj
4. Animácie naposledy — Najprv layout a farby, potom pohyb. Najprv statické, potom živé
5. Deploy — wrangler pages deploy ./ na Cloudflare Pages za 30 sekúnd

<aside> 💡

Pre každú stránku nižšie je kľúčová technika — jedna vec, ktorú treba pochopiť, aby výsledok vyzeral rovnako. Začni tam.

</aside>

7 referenčných stránok

1. Vert Menthe — Dault-Lafon

https://thevertmenthe.dault-lafon.fr

Vibe: Minimalistická galerijná stránka. Bielo, veľa whitespace, umelecké diela hovoria samé za seba.

Kľúčová technika: CSS Grid + extrémny whitespace. Žiadne dekorácie — typografia a priestor robí všetko.

Claude Code prompt:

Minimalist artist gallery. White background #fff, dark text #1a1a1a.
Breadcrumb nav top-left, hamburger menu top-right.
Gallery grid: 2 columns desktop, 1 column mobile, 48px gap.
No borders, no shadows, no hover effects — pure whitespace layout.

2. Drum Spirit

https://www.drumspirit.be