Forma | SaaS Product Website in Custom Code

Forma is a SaaS workspace concept, built end to end as our own answer to a question about launch sites: what does a genuinely complete one look like? Most landing-page demos stop at the homepage. A buyer evaluating a product for their team wants pricing, integrations and a security posture before they hand over anyone's data.

Forma ships as twelve full pages: a marketing home, Features, Solutions by team, a public Integrations directory, three-tier Pricing, a Changelog that reads like a real one, plus Security and legal pages. A visitor moves from the headline through features and pricing into a working sign-up flow, and lands on a dashboard preview that matches what the hero promised.

An animated product dashboard (task counts, a focus-time chart, a due-today list) stands in for the real app across the whole site, so a visitor evaluates something concrete rather than one static screenshot on the homepage. The same card language carries from the hero through to the pricing table.

Pricing, changelog and security are the pages that make a product feel shipped, and they are the ones a demo normally leaves out. Three tiers plus an enterprise route, a changelog with dated entries and version tags, and a security page that says plainly what happens to your data when you leave.

Sign in and Get started are real screens rather than dead buttons, so the path from headline to account is complete.

Dark and light were designed natively side by side rather than one inverted from the other. The purple gradient, the card treatments and the type weights were rebalanced for each, so neither version reads as the leftover.

Built in custom code, with forms, animation and a dark/light toggle throughout.