Moderní, elegantní design s tekutými efekty a efekty lomu světla.
Segoe UI – Main Text (600 weight)
Segoe UI – Medium Text (500 weight)
Segoe UI – Body Text (Regular weight)
Glassmorphism efekt s tekutou animací na pozadí.
/* Barvy */
--primary-color: #1d1d1f
--accent-color: #c93a8a (Salon Pink)
--accent-light: #e8a5d4
--accent-dark: #8a4a80
/* Poloměry */
--radius-sm: 12px
--radius-md: 18px
--radius-lg: 24px
--radius-xl: 30px
--radius-pill: 999px
/* Stíny */
--shadow-sm: 0 2px 8px rgba(201, 58, 138, 0.12)
--shadow-md: 0 4px 16px rgba(201, 58, 138, 0.15)
--shadow-lg: 0 8px 32px rgba(201, 58, 138, 0.18)
/* Glassmorphism */
--glass-blur: blur(20px) saturate(180%)
--glass-bg: rgba(255,255,255,0.1)
--glass-border: rgba(255,255,255,0.18)
--glass-border-strong: rgba(255,255,255,0.25)
/* Animace */
--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1)
--transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1)
Všechny hlavní obsahové sekce mají jednotnou šířku 900px pro konzistentní vzhled napříč celou stránkou. Tato šířka optimalizuje čitelnost a vizuální harmonii bez ohledu na velikost monitoru.
💡 Tato konzistence vytváří profesionální a harmonický vzhled s předvídatelnou strukturou, která zlepšuje uživatelský zážitek.