Design system.
Tokens and component rules for building Dprime Plugins websites, help files, portals, and supporting assets.
Colour
Cool white is the canvas. Ink carries content. Cobalt marks action, selection, and tested compatibility. Pale blue supports a selected or informative state.
Typography
Geist is bundled and self-hosted. It serves display and interface roles with a compact, direct silhouette.
Small plugins. Better working sites.
Body copy stays readable at 16 to 18px with a maximum measure near 67 characters. Titles balance automatically and never track tighter than -0.04em.
Components
Controls use restrained rectangular corners. Product content uses open ruled rows and modular fields instead of decorative card stacks.
Usage rules
Layout
Use a maximum content boundary of 1480px with fluid internal padding from 20px to 64px. Open grids and full-width ruled bands establish rhythm; prose stays 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 route draw or short entrance on the opening composition and quiet state transitions elsewhere. Respect reduced-motion preferences.
Voice
Prefer specific verbs and plain product language. State limitations and expiry behavior directly. Avoid “revolutionary,” “effortless,” and other claims that do not explain the job.