The mistake we made early was treating the design system as a set of rules. It worked for product surfaces and broke immediately on marketing pages.
Tokens are the contract
We commit to color, type, spacing, and motion tokens. Beyond that, marketing pages are allowed editorial liberties — typographic scale jumps, asymmetric grids, hero treatments tuned to a single moment.
What stays rigid
- Color tokens
- Type ramp values
- Spacing scale
- Motion timing functions
What's allowed to bend
- Section composition
- Hero treatments
- Image cropping language
- Eyebrow phrasing
A system that bans expression is a system designers route around.
How we keep the bending honest
Every editorial deviation needs to compose from existing tokens. If we reach for a new value, we promote it to a token or rework the layout. No one-off hex codes — ever.
Rohan leads visual systems and motion design across Growrix OS engagements.
Discussion (1)
Be kind. Be specific.- SMSora M.Mar 30, 2026
This is exactly the framing we needed for our team. Saving this.
