Files
ndsolutionswebsite/.agents/skills/webdesign-foundations/SKILL.md
2026-07-07 00:35:37 +02:00

783 B

name, description
name description
webdesign-foundations Strategische Design-Grundregeln (3-Second-Rule, Visual Hierarchy, Whitespace Mastery, Thumb-Zone & Mobile-First).

Webdesign Foundations Guidelines

  • 3-Second-Rule: Jedes Einstiegs-Layout (Hero) muss sofort Klarheit über Angebot, Nutzen und den nächsten Schritt (CTA) liefern.
  • Visual Hierarchy: Lenke das Auge gezielt über markante Größenunterschiede, fette Typografie und kontraststarke Aktions-Elemente.
  • Whitespace Mastery: Nutze großzügigen Leerraum (py-16, py-24, space-y-12), um Inhalten Raum zum Atmen zu geben und ein Premium-Gefühl zu erzeugen.
  • Thumb-Zone & Mobile-First: Platziere interaktive Elemente in der mobilen Ansicht so, dass sie perfekt mit dem Daumen erreichbar sind.