AboutExpertiseWorks InsightsTestimonialsContact
System

Style Guide

The design tokens behind this site, pulled 1:1 from the source template and rebuilt as a clean system. Font is Delight VF; the single accent is coral.

Color

Palette

accent-500
accent-300
accent-50
text
text-muted
text-subtle
bg
bg-alt
dark-bg
Typography

Type scale

Heading 1  fs-h1
Heading 2  fs-h2
Heading 3  fs-h3
Heading 4  fs-h4
Heading 5  fs-h5
Large body  fs-large
Regular body  fs-regular
Small  fs-small
Components

Buttons & tags

Primary ↗ Ghost Text link ↗ TagGovernanceAgents
Reference

Template info

This site adapts the visual system of the Kaeli template (by Flouix) to Yannik Hauser. Layout, tokens, typography, and motion follow the source; all content is original. Built as a local, non-published design study.

  • Components: nav, hero, logos, expertise, work cards, insight cards, testimonials, CTA, footer.
  • Motion: GSAP 3.15 with ScrollTrigger for reveals and the hero intro.
  • Fully responsive at 991 / 767 / 479 breakpoints.