/* Nyakamenta — Tweaks panel Drives the static page via data-attributes / CSS vars on . */ const NYK_DEFAULTS = /*EDITMODE-BEGIN*/{ "hero": "fullbleed", "palette": "earth", "display": "cormorant", "accent": "clay" }/*EDITMODE-END*/; function applyTweaks(t) { const root = document.documentElement; root.setAttribute('data-hero', t.hero); if (t.palette === 'earth') root.removeAttribute('data-palette'); else root.setAttribute('data-palette', t.palette); if (t.display === 'cormorant') root.removeAttribute('data-display'); else root.setAttribute('data-display', t.display); // Accent: primary CTA hue. Map to the relevant accent var. const accents = { clay: 'var(--clay)', green: 'var(--green)', gold: 'var(--gold)', }; // Re-point .btn--clay style by overriding --clay-cta consumers via a style tag. let s = document.getElementById('nyk-accent-style'); if (!s) { s = document.createElement('style'); s.id = 'nyk-accent-style'; document.head.appendChild(s); } const a = accents[t.accent] || accents.clay; s.textContent = `.btn--clay{--bg:${a};} .story__pull{border-left-color:${a};} .contact__pin .dot{background:${a};}`; localStorage.setItem('nyk_hero', t.hero); if (window.__nykObserveReveals) window.__nykObserveReveals(); } function NyakamentaTweaks() { const [t, setTweak] = useTweaks(NYK_DEFAULTS); React.useEffect(() => { applyTweaks(t); }, [t.hero, t.palette, t.display, t.accent]); return ( setTweak('hero', v)} />

Full-bleed photo · split editorial · centered minimal

setTweak('palette', v[0] === '#1c2a1f' ? 'forest' : v[0] === '#3a241a' ? 'clay' : 'earth')} /> setTweak('accent', v === '#2f7d4f' ? 'green' : v === '#c79a4a' ? 'gold' : 'clay')} /> setTweak('display', v)} /> ); } ReactDOM.createRoot(document.getElementById('tweaks-root')).render();