// Logo exploration — four figure-based directions for HUMAN-Stiftung // All marks share a 48×48 viewBox and the same construction language // (head = circle, body = line, limbs = stroked curves). // ─── Logo Mark 1: Mensch hält die Welt ──────────────────────────────── // Figure with roots; the right arm is raised high and carries an orb on // the hand — the dot is no longer a fruit on the crown but the Earth // being held aloft. Orb colour is swappable for country variants. // accent — fill colour of the orb (white, country colours, …) // accentStroke — optional stroke on the orb (used for the white variant // so it stays visible on light backgrounds) const Mark1 = ({ size = 48, primary = '#1C5560', accent = '#ffffff', accentStroke = '#1C5560', }) => ( ); // ─── Logo Mark 2: Mensch reicht Mensch ───────────────────────────────── // Two figures meeting on eye-level, hands touching. // Reading: helping hand / Wir / generations. const Mark2 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => ( ); // ─── Logo Mark 3: Wir-Kreis ──────────────────────────────────────────── // Five figures arranged on a ring (linked arms) around a shared core. // Reading: community / Wir / Solidarität / „aus vielen ein Kern“. const Mark3 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => ( ); // ─── Logo Mark 4: Mensch trägt Mensch auf den Händen ─────────────────── // Adult lifts a small figure overhead — the hands form an explicit // horizontal platform between the two figures so both are clearly read // as separate people. Reading: empowerment / Förderung / Generationen. const Mark4 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => ( ); // ─── Wordmark — flexible color ───────────────────────────────────────── const Wordmark = ({ size = 'lg', color = '#1C5560', subColor = 'rgba(28,85,96,.6)' }) => { const fs = { sm: 16, md: 22, lg: 32, xl: 44 }[size] || 32; const sub = { sm: 7, md: 9, lg: 11, xl: 14 }[size] || 11; return (
HUMAN
Stiftung
); }; // ─── Lockup — mark + wordmark ────────────────────────────────────────── const Lockup = ({ Mark, size = 'lg', color = '#1C5560', subColor = 'rgba(28,85,96,.6)', primary, accent, third }) => { const markSize = { sm: 28, md: 40, lg: 56, xl: 80 }[size] || 56; const gap = { sm: 8, md: 12, lg: 14, xl: 20 }[size] || 14; return (
); }; Object.assign(window, { Mark1, Mark2, Mark3, Mark4, Wordmark, Lockup });