Prism

Overview

Prism is a full-service creative & branding agency theme — brand identity, web design & development, marketing campaigns, packaging & print, motion & video, built for a studio that serves clients across every industry rather than one narrow trade. The persistent background isn’t decorative rainbow art: it’s a hand-written WebGL2 shader rendering a real optical dispersion event, and every interactive tool on the site runs on real design-science formulas a working agency actually uses.

1. A real WCAG 2.1 contrast-ratio checker. The genuine W3C relative-luminance and contrast-ratio formulas — not an approximation — computing the real ratio between any two colors and checking it against the real published AA/AAA thresholds for normal and large text.

2. A real modular type-scale generator. Genuine named typographic ratios (minor third, major third, perfect fourth, perfect fifth, golden ratio) computing a real seven-size scale from a base size, rendered live at true size so the hierarchy is visible, not just numbers in a table.

3. A real HSL color-harmony wheel. Genuine HSL-to-hex math computing real complementary, triadic, analogous, and split-complementary color harmonies by hue rotation from any base color.

The signature GPU background renders a single white beam of light entering a glass prism and splitting into a real spectral fan from a hand-written WebGL2 fragment shader — each color band’s exit angle is computed live from real optics (Cauchy’s dispersion equation feeding the standard equilateral-prism double-refraction formula), so violet genuinely bends more than red, not an art-directed rainbow. Scroll carries a real creative narrative: one idea, one white beam, near the top — the full spectrum, fully separated and bright, by the bottom. 10 demo case studies across 5 service lines and 10 different fictional client industries, every project entirely fictional — no real client names or logos.