Ritual is a Figma design system for products people come back to: habit apps, AI tools, monitoring dashboards and SaaS.
It has everything a normal kit has, plus five pattern packs drawn from products I've actually shipped:
Motivation: 38 hand-drawn badges in six families, as real components with locked, in progress, new and earned states. Streaks that forgive a missed day, levels and XP, a weekly team leaderboard, and an unlock celebration.
First run: goal picker, settings with safe defaults, a setup checklist, and an honest permission prompt.
Status: status cards, a live indicator, alerts that rank themselves, and an overview page.
Trust & AI: answers with cited sources, thinking and error states, recommendations that explain themselves, and an assistant panel.
Money & accounts: plans, usage meters, invoices, plan changes with proration, and work receipts.
One switch, three brands. Ember, Tide and Iris ship as variable modes, in light and dark. Pick one on any frame and every component re-skins: colour, type, corner radius, even the badges.
Every page covers the whole job. Design (variants, states, when to use it and when not to), Prototype (interactions already wired in Figma) and Build (specs, data shapes, accessibility notes and a code sketch).
What's in the download
Ritual.fig: 32 core components, 5 pattern packs, foundations, 6 example screens and a dev handoff page
Dev pack: tokens.json (W3C), tokens.css (all brands × themes), a Tailwind preset and a README for developers
START HERE.txt
Fonts are free: Geist, Geist Mono, Bricolage Grotesque, Sora, Plus Jakarta Sans.
Solo: one designer, unlimited projects. Team: up to 10 people at one company. Please don't resell the file.
Ritual is a Figma design system for products people come back to: habit apps, AI tools, monitoring dashboards and SaaS.
It has everything a normal kit has, plus five pattern packs drawn from products I've actually shipped:
Motivation: 38 hand-drawn badges in six families, as real components with locked, in progress, new and earned states. Streaks that forgive a missed day, levels and XP, a weekly team leaderboard, and an unlock celebration.
First run: goal picker, settings with safe defaults, a setup checklist, and an honest permission prompt.
Status: status cards, a live indicator, alerts that rank themselves, and an overview page.
Trust & AI: answers with cited sources, thinking and error states, recommendations that explain themselves, and an assistant panel.
Money & accounts: plans, usage meters, invoices, plan changes with proration, and work receipts.
One switch, three brands. Ember, Tide and Iris ship as variable modes, in light and dark. Pick one on any frame and every component re-skins: colour, type, corner radius, even the badges.
Every page covers the whole job. Design (variants, states, when to use it and when not to), Prototype (interactions already wired in Figma) and Build (specs, data shapes, accessibility notes and a code sketch).
What's in the download
Ritual.fig: 32 core components, 5 pattern packs, foundations, 6 example screens and a dev handoff page
Dev pack: tokens.json (W3C), tokens.css (all brands × themes), a Tailwind preset and a README for developers
START HERE.txt
Fonts are free: Geist, Geist Mono, Bricolage Grotesque, Sora, Plus Jakarta Sans.
Solo: one designer, unlimited projects. Team: up to 10 people at one company. Please don't resell the file.