Automatically extracted design tokens — colors, typography, spacing, and more.
A warm editorial palette with a bold red accent. The site uses CSS custom properties for consistent theming across components.
System-native primary stack (-apple-system) with a custom display face for brand applications. Strong hierarchy via extreme weight and size contrast.
A modular scale with 8px base system. Values range from hairline 1px to generous 249px for large section padding.
Responsive design grid with tight granularity. The layout adapts at 18 distinct viewport widths, maintaining readability across all devices.
savoietech.fr uses a warm editorial design language built around a bold red accent (#c93b3b) against a neutral dark (#15171a) and light (#ffffff) backdrop.
Typography relies on the system-native -apple-system stack for performance and native feel, paired with a custom Crisp Noto Sans Regular display face for brand moments. The type scale uses extreme contrast — 60px headings at weight 800 versus 11px button labels — creating clear visual hierarchy.
Spacing follows a modular scale with 8px base, expanding generously to 249px for hero sections. The 18 breakpoints indicate careful responsive consideration across the full device spectrum from 300px to 1280px+.