All work

Systemizy · Design-system SaaS

Explaining a design-system platform in a single scroll

Client
Systemizy
Scope
Product marketing site
Pages
14
Stack
Astro
Live site
Open

Overview

Systemizy generates components, tokens and styles with AI and exports them to Figma. Powerful, and hard to explain quickly.

We told the product story with the product's own interface, then carried the same system into pricing, docs and sign-up.

  • 2025
  • Product design
  • Web design
  • AI

The story

The challenge

Systemizy does a lot: it generates components, organises tokens and exports the result to Figma. A feature list would not make that land.

The team needed a site that shows the product working within the first screen and still has room for pricing, docs and a status page.

What we did

The hero is a full product screenshot on a soft lavender gradient. Every section after it is a real view of the interface doing one job.

A dark, product-first layout keeps attention on the screens. The gradient returns only where an action is expected.

Pricing, docs, status and sign-up use the same components as the homepage, so the whole site feels like one product.

Where it stands

A fourteen-page marketing site that explains the product in one scroll and gives the team a system they extend themselves.

What the site includes

Artifacts

Besides the pages, each project leaves tools and systems the client keeps using. These are the ones we made here.

  • Systemizy: Interface mockups

    Product visuals

    Interface mockups

    A library of product views drawn as components, so marketing screens update when the product does.

  • Systemizy: Mark and gradient kit

    Brand

    Mark and gradient kit

    The four-petal mark and the lavender gradient, packaged with rules for where colour is allowed to appear.

  • Systemizy: Blog and docs layouts

    Content

    Blog and docs layouts

    Article, listing and documentation templates built from the same parts as the product pages.

More work

All cases