Wedding Story

ein modernes webdesign-projekt mit fokus auf klare struktur, lesbare typografie und ein konsistentes visuelles system. gebaut mit purem html5 und css3 – kein framework, keine abhängigkeiten.

design-prinzipien

• visual hierarchy – klare größen- und gewichtsstufen leiten das auge
• whitespace – abstände schaffen struktur und lassen inhalte atmen
• konsistentes grid – alle elemente folgen einem einheitlichen raster
• farbsystem – eine akzentfarbe, zwei neutraltöne, strikte verwendung

tech-ansatz

bewusst kein framework: reines css mit custom properties für das gesamte design-system. responsiv über fluid typography und css grid – kein media-query-chaos.

• css custom properties – zentrales design-token-system
• css grid + flexbox – layout ohne externe bibliotheken
• fluid typography – schriftgrößen skalieren fließend mit clamp()
• dark mode – via prefers-color-scheme nativ unterstützt

was ich gelernt habe

konsequentes design-system von anfang an spart im späteren verlauf enorm zeit. lieber drei css-variablen zu viel definieren als inline-styles flicken.