Zehn Builds, zehn Richtungen Zehn Builds, zehn Richtungen

wie sie entstehen

• Kein Build-Step

  Jedes der zehn besteht aus drei Dateien: index.html, styles.css, script.js. Kein Bundler, kein Transpiler, kein node_modules.

  • HTML
  • CSS
  • Vanilla JS
• Tokens zuerst

  Die Identität jeder Site lebt in einem :root-Block — Farbe, Schrift, Radius, Easing. Ändern Sie acht Werte, und die ganze Seite wechselt die Stimmung.

  • Custom Properties
  • clamp()
  • Fluide Typografie
• Bewegung mit Bremse

  Alle zehn koppeln ihre Animation an prefers-reduced-motion, mehrere zusätzlich an (pointer: fine). Bewegung ist eine Ergänzung, nie der Inhalt.

  • matchMedia
  • IntersectionObserver
  • rAF
• Barrierefrei mit Absicht

  Jedes Overlay nimmt den Fokus, hält ihn und gibt ihn bei Escape zurück — jedes Akkordeon tut das bewusst nicht. Zehn Formulare, zehn Live-Regions und ein sauberer axe-core-Lauf über alle zehn Builds.

  • ARIA
  • Fokus-Management
  • Tastatur
• Handgezeichnete Interfaces

  Das Dashboard von Signalform, die Fortschrittsringe von Brightloop und die gesamte visuelle Sprache von NEONFRAME sind Inline-SVG und CSS. Drei der zehn kommen ohne ein einziges Foto aus.

  • Inline SVG
  • pathLength
  • clip-path
• Zehn Stimmen, nicht eine

  Print-editorial, Luxus-Heritage, skandinavische Ruhe, radikal minimal, neobrutalistisch, cineastisch, botanisch, präzise-dunkel, Cyberpunk, optimistisch-hell.

  • Art Direction
  • Schriftpaarung
  • Palette