DESIGNMD ORIGINALS · PRO COLLECTION
Forma.
A considered foundation for brands that believe less can say more.
Showing interface preview
01 — THE DESIGN LANGUAGE
A foundation with
room for your ideas.
A warm serif voice meets a quiet, useful interface. Room for the things that matter. Start with a complete visual language, then shape the details around your own project.
A coherent visual system
Color, typography, spacing, and motion work together from your first screen.
Useful, editable sources
Take the theme into your own components or give your coding tools a clear design direction.
02 — OPEN THE SOURCE BUNDLE
The details, delivered.
design.mdYour complete design language
Color, typography, spacing, motion, layout direction, and component recipes in one portable source file.
theme.cssA theme ready for your codebase
Engine-generated CSS custom properties and a Tailwind CSS theme block for your own components.
tokens.jsonPortable design tokens
Structured color, typography, spacing, and interface tokens for a consistent implementation.
figma.tokens.jsonFor your Figma token workflow
Figma-compatible tokens for use with a compatible token plugin. Font families are declared; font binaries are not bundled.
AI instructionsA clear direction for your coding tools
An AI prompt and coding-agent instructions to help your tools follow the design language.
README + LICENSEThe details to get you started
Setup guidance and a commercial license covering personal and client end projects.
A source design system for building your own interface. Fonts are loaded separately.
03 — MAKE IT YOUR OWN
Made for real projects.
Your commercial license covers unlimited personal and client end projects. Modify the system to suit your work. The source files cannot be redistributed or resold as a competing template or design pack.
Read more about Pro licensingA DIFFERENT DIRECTION