One contract.
Infinite themes.

Forma is the design system engine behind all Visiona work. Contract-first CSS, semantic tokens, and 3 production-ready themes — all on GitHub.

→ GitHub Repository How It Works

What is Forma

Website quality shouldn't depend on luck or individual taste. It should depend on systems.

Forma separates the concerns that matter:

Core

Structure, layout, components. Unchanging across all themes.

Tokens

Non-color design values (spacing, type, radius). Shared by all themes.

Themes

Color decisions only. Swappable. Contractually enforced — build fails if any token is missing.

The Contract

31 required tokens. If your theme is missing even one, the build fails. Not a warning — a failure. This is how you guarantee complete, functional design systems.

Token categories: Surfaces (4), Text (5), Borders (4), Accents (3), States (3), Feedback (4), CTA (3), Shadows (4). Every theme implements all 31 — no exceptions.

How It Works

Three starter themes. Same HTML. Completely different look.

The 3 Themes

Dusk

Dark, confident, premium. Purple accent on near-black surfaces. For tech products, agencies, crypto.

Graphite

Dark, minimal, editorial. Monochrome brutalism. Content-first. For documentation, blogs, portfolios.

Ivory

Light, warm, literary. Cream base with amber accents. For magazines, editorial, personal brands.

Quick Start (CDN)

Pick your theme and add one line to your HTML:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/VisionaSilva/forma@main/build/forma-dusk.css">

Other themes:

<!-- Graphite --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/VisionaSilva/forma@main/build/forma-graphite.css"> <!-- Ivory --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/VisionaSilva/forma@main/build/forma-ivory.css">

Components

Every theme ships with the same 12 component categories: Nav, Hero, Button, Card, Form, Badge, Feature Grid, Testimonials, Pricing, FAQ, Footer, Section.

Same HTML. Same API. Only the colors change.

Custom Themes

Need your own theme?

  1. Copy an existing theme folder
  2. Edit theme.json with your token values
  3. Write a TASTE.md explaining your design decisions
  4. Run validation (build fails if any token is missing)
  5. Compile to forma-yourtheme.css

Forma × Visiona Silva

Forma is the engine — the contract, the components, the build system.

Visiona Silva is the designer behind the taste — the one who decides what "good" looks like and encodes it into TASTE.md files, token decisions, and opinionated design systems.

Forma ships with 3 starter themes created by Visiona. Premium themes and custom design systems are available by hiring Visiona.

Ready to ship consistent design at scale?

Use Forma for your next project. Or let Visiona build you a custom design system.

→ Open on GitHub Hire Visiona