Kompoziční analýza a layout design

Navrhni layout pro [TYP STRÁNKY/APLIKACE]. Účel: [INFORMOVAT/KONVERTOVAT/VZDĚLÁVAT]. Klíčový content: [CO MUSÍ BÝT NEJVÍC VIDĚT]. Struktura: 1) **Compositional Principles** - rule of thirds aplikace, golden ratio usage, F-pattern vs Z-pattern reading flow, symmetry vs asymmetry choice, 2) **Visual Hierarchy** - primary focal point (hero), secondary elements, tertiary information, size/color/position pro každou úroveň, 3) **Grid System** - column count (12-column, 16-column), gutter width, margins, breakpoints pro responsive, 4) **Whitespace Strategy** - macro whitespace (mezi sekcemi), micro whitespace (mezi elementy), breathing room kolem CTAs, 5) **Content Zones** - above the fold must-haves, scroll-triggered content, progressive disclosure strategy, 6) **Visual Flow** - eye-tracking path (start → CTA), directive cues (arrows, gaze direction), friction points to avoid, 7) **Responsive Behavior** - mobile-first approach, tablet adaptations, desktop enhancements, component reordering priority, 8) **Accessibility Considerations** - heading hierarchy (H1-H6), landmark regions (nav, main, aside), keyboard navigation order, screen reader flow. Nakresli ASCII wireframe a numbered reading order.