Eduard Bodak

Reference it for

• Warm cream #f9f4eb page with cooler #f0ece5 secondary surface - 2-stop neutral, not pure white
• Pure black ink as the dominant text colour - high-contrast against cream
• 5-colour pastel accent palette (#fcdca6 peach, #e5daf6 violet, #ffd2f3 pink, #fef280 lemon, #ffe32e yellow) used as service-card surfaces, not text
• Yellow #ffe32e reserved for ::selection - black-on-yellow selection highlight, exposed as --selection-foreground / --selection-background
• Three-family typographic system: font-mono-medium (chrome + labels), font-normal-medium (body, Avenir-Next-class), font-narrow-semibold (display, Arial-Narrow-class)
• Mono-medium as the dominant face (95 of 149 type usages) - chrome-first typography
• Monumental condensed display hero - single line at clamp(80px → 184px) using --font-size-h1
• --line-height-80: 0.8em for monumental display - tight setting at large sizes

Do not copy

• The "EDUARD ✦ BODAK" wordmark with the diamond separator
• The "EINFACHE WEBSITES" hero copy (single German line is brand-coded to Eduard)
• The German-language nav (Service / Prozess / Preis / Kontakt) unless the brand is German
• The pixel-art glyphs centred in the service tiles (the staircase / arrow / camera icons)
• The "CE" certification stamps - Eduard's joke about web-design as a regulated craft
• The 3D2Y / A113 letter-pair codes in the plus-sign band (idiosyncratic to this site)
• The custom font-narrow-semibold / font-normal-medium / font-mono-medium font-family naming (substitute with Inter Tight / Inter / JetBrains Mono or Helvetica Now Display Condensed / Helvetica Now Text / JetBrains Mono for the open-source equivalent)
• The 19-stop bespoke linear() curves verbatim - derive your own overshoot if the brand calls for it