Site foundations
A system that supports the story.
A light reading environment, a restrained hierarchy and clear interactions. Built from semantic tokens, shared components and explicit behavior.
Color roles
Canvas
#fafaf8
Surface
#ffffff
Ink
#252a31
Muted text
#606773
Accent
#3155a6
Accent tint
#edf1f9
Type & composition
Manrope is self-hosted at weights 400, 500 and 600. Body copy uses a comfortable line height and a bounded reading width. Headings establish structure without oversized extra-bold display type.
Desktop navigation uses a stable rail. Small screens use an explicit menu and a single-column reading order. Interactive controls use native semantics wherever practical.
Architecture
Astro generates the profile, career and case-study pages as static HTML. Newly written React and TypeScript islands power the interactive toolkit. The content can be read without downloading the toolkit’s application code.
There is no production deployment, analytics service or form backend in this local preview.
Behavior & accessibility
Visible keyboard focus, labeled controls, ordinary page scrolling and reduced-motion support are shared foundations. Colors are assigned by purpose; a decorative brand color does not automatically become a text color.
WCAG 2.2 AA is the target. Automated verification, manual inspection and assistive-technology testing have distinct roles; none alone guarantees complete accessibility.