The site defaults to a dark theme with a light-mode alternate, built on one shared set of CSS tokens for color, spacing, and type rather than per-page overrides. I paired Archivo for display type with Open Sans for body copy, both shipping with real italic weights instead of synthesized ones. I ran accessibility audits at both desktop and mobile viewports and brought the dark theme to a 100 accessibility score across nine key pages, fixing contrast and heading-order issues along the way.
The home page opens on a loader built from the logo itself. I vectorized the wordmark into two SVG paths, and CSS keyframes drop “CHENG” into place as “design” rises to meet it, with a hairline progress bar running beneath until the hero video starts to play. The motion is pure CSS, with JavaScript only deciding when the loader lifts, and visitors who prefer reduced motion see the finished mark without the movement.
