Design system.
Tokens and component rules for building Dprime Plugins websites, documentation, portals, and supporting assets.
Colour
Cream is the default canvas. Ink carries content. Blue denotes primary product surfaces and orange marks action. Sky and sand create editorial contrast, not status semantics.
Typography
Geist is bundled and self-hosted. It serves both display and interface roles, creating one licensed, dependable typographic voice.
Plugins, the way they should be.
Body copy stays readable at 16–18px with a maximum measure near 72 characters. Titles balance automatically and never track tighter than −0.04em.
Components
Buttons use pills because they are compact controls. Content uses full-width rows and editorial sections rather than stacks of decorative cards.
Usage rules
Layout
Use the full viewport with a maximum content boundary of 1760px. Internal padding is fluid from 20px to 72px. Full-width bands establish rhythm; prose remains constrained for reading.
Icons
Use Lucide icons at a consistent 1.8px stroke. Each plugin owns one catalogue icon. Icons clarify actions and identity but never replace a required text label.
Motion
Keep default content visible. Use one short entrance on the opening composition and restrained hover movement on interactive controls. Respect reduced-motion preferences.
Voice
Prefer specific verbs and plain product language. State limitations, release channels, and expiry behavior directly. Avoid “revolutionary,” “effortless,” and other claims that do not explain the job.