// Direction 6 — ATELIER // Boutique luxury dark. Rich palette, sophisticated editorial typography, // gold accents, cinematic mood. References: Le bon, Pinkas Designs, // Truhlárna Luxury, Reform Copenhagen. Vibe: high-end luxury kitchen boutique. // // Distinct from Mistr (which is bold-dark walnut+copper bento): // - Forest green / burgundy base (NOT walnut) // - Champagne gold accent (NOT copper) // - Cinematic fullbleed hero with classical center-aligned serif heading // - "Manifesto" filozofie section // - Collections 2-col alternating (NOT bento grid) // - Vertical roman numeral process (I, II, III, IV) // - "Atelier visit" premium CTA const _mixA = (hex, target, amount) => { const h = hex.replace('#', ''); const t = target.replace('#', ''); const r = Math.round(parseInt(h.slice(0, 2), 16) * (1 - amount) + parseInt(t.slice(0, 2), 16) * amount); const g = Math.round(parseInt(h.slice(2, 4), 16) * (1 - amount) + parseInt(t.slice(2, 4), 16) * amount); const b = Math.round(parseInt(h.slice(4, 6), 16) * (1 - amount) + parseInt(t.slice(4, 6), 16) * amount); return '#' + [r, g, b].map(x => x.toString(16).padStart(2, '0')).join(''); }; // Hardcoded — Atelier je dark luxury s champagne gold. NE pull z BRAND.palette. const atelierTokens = { bg: '#1E3128', bgAlt: '#162519', bgLight: '#2A4434', paper: '#F2EBDC', paperSoft: '#F2EBDCCC', paperMuted: '#F2EBDC88', gold: '#D4A862', // champagne gold (hardcoded) goldSoft: _mixA('#D4A862', '#1E3128', 0.5), goldGlow: '#D4A862', brand: '#D4A862', rule: '#F2EBDC24', ruleStrong: '#F2EBDC48', }; const aDisplay = (size, italic = false) => ({ fontFamily: '"Cormorant Garamond", "Playfair Display", Georgia, serif', fontWeight: 500, fontSize: size, fontStyle: italic ? 'italic' : 'normal', lineHeight: size > 56 ? 1.04 : 1.18, letterSpacing: '-0.015em', margin: 0, }); const aLabel = { fontFamily: '"Inter", -apple-system, sans-serif', fontSize: 11, letterSpacing: '.28em', textTransform: 'uppercase', fontWeight: 500, }; const aBody = { fontFamily: '"Inter", -apple-system, sans-serif', fontSize: 15, lineHeight: 1.7, fontWeight: 300, }; // ============================================================================ // DESKTOP — 1440 wide // ============================================================================ const AtelierDesktop = () => { const t = atelierTokens; return (
); }; // ── NAV — minimal monogram + gold underline ─────────────────────────────── const AtelierNav = ({ t }) => ( ); // ── HERO — cinematic fullbleed with classical center heading ────────────── const AtelierHero = ({ t }) => (
{BRAND.since ? `— Est. ${BRAND.since} —` : '— Atelier —'}

Vyrábíme prostory, ne nábytek.

Každá kuchyně, každá skříň, každý interiér — odpověď na otázku, kterou jsme Vám položili. Bez kompromisů, bez subdodávek.

Naše realizace Návštěva ateliéru
); // ── MANIFESTO — centered editorial copy ──────────────────────────────────── const AtelierManifesto = ({ t }) => (
I — Filosofie

Žádná kuchyně se nepodobá té druhé.
Stejně jako Vaše představy.

Pracujeme s dřevem, jako sochař pracuje s kamenem — pomalu, pečlivě, s respektem k materiálu.

Vyrábíme limitované série — kuchyně, skříně a interiéry pro klienty, kteří vědí, co chtějí. Konzultace, návrh, výroba i montáž — vše ve vlastní dílně{BRAND.location ? ` v ${BRAND.location}` : ''}.

); // ── COLLECTIONS — 2-col alternating rich editorial ───────────────────────── const AtelierCollections = ({ t }) => { const cats = CATEGORIES.length > 0 ? CATEGORIES.slice(0, 4) : [ { id: 'kuchyne', label: 'Kuchyně' }, { id: 'skrine', label: 'Skříně' }, { id: 'interiery', label: 'Interiéry' }, { id: 'dvere', label: 'Dveře' }, ]; const heros = BRAND.heroPhotos && BRAND.heroPhotos.length ? BRAND.heroPhotos : [BRAND.heroPhoto]; return (
II — Realizace

Vybrané kolekce.

{cats.map((c, i) => { const reverse = i % 2 === 1; return (
{c.label}
Kolekce {String(i + 1).padStart(2, '0')}
0{i + 1} · {(c.label || '').split(' ')[0]}

{c.label}

{c.short || _atelierCopy(c.id)}

Prohlédnout kolekci →
); })}
); }; const _atelierCopy = (id) => ({ kuchyne: 'Kuchyně z masivu, dýhy či lakované MDF. Každá zakázka je samostatný projekt — od koncepce přes výběr materiálů po finální montáž.', skrine: 'Vestavěné skříně a šatny na míru. Posuvné systémy, bezúchytkový design, vnitřní organizace dle Vašich potřeb.', interiery: 'Komplexní řešení interiéru — od kuchyně přes obývací pokoj po pracovnu. Návrh, výroba a montáž v rámci jednoho projektu.', dvere: 'Vchodové i interiérové dveře z masivu. Tradiční i moderní design, vždy na míru rámu.', }[id] || 'Tato kolekce reaguje na specifické zadání klienta. Konzultaci a návrh řešíme individuálně.'); // ── PROCESS — vertical roman numeral timeline ────────────────────────────── const AtelierProcess = ({ t }) => (
III — Proces

Cesta od představy k realitě.

{[ ['I', 'Konzultace', 'Sejdeme se u Vás nebo v našem ateliéru. Posloucháme, ptáme se, dotýkáme se materiálů. Nic se neslibuje, nic se neplatí.'], ['II', 'Návrh', 'Vizualizace, půdorys, výběr materiálů a finální cenová kalkulace. V této fázi máme čas — návrh ladíme spolu, dokud Vám nesedne.'], ['III', 'Výroba', 'V naší dílně. Bez subdodávek, bez polotovarů. Každý kus prochází našima rukama.'], ['IV', 'Montáž', 'Přijedeme, namontujeme, uklidíme po sobě. Záruka 5 let na výrobu, doživotní vztah.'], ].map(([num, title, body]) => (
{num}

{title}

{body}

))}
); // ── VISIT — premium "atelier visit" CTA with cinematic photo ────────────── const AtelierVisit = ({ t }) => ( ); // ── FOOTER — minimalist dark, gold links ─────────────────────────────────── const AtelierFooter = ({ t }) => ( ); // ============================================================================ // MOBILE // ============================================================================ const AtelierMobile = () => { const t = atelierTokens; return (
— Atelier —

Vyrábíme prostory,
ne nábytek.

Limitované série pro klienty, kteří vědí.

I — Filosofie

Žádná kuchyně se nepodobá té druhé.

Pracujeme s dřevem jako sochař s kamenem.

Návštěva

Domluvit konzultaci.

{BRAND.phoneDisplay}
); }; Object.assign(window, { AtelierDesktop, AtelierMobile });