Meetly design system
From the Meetly template.
Included with Everything
Colour
Type
- Figtreedisplay · 400, 500, 600 · SIL Open Font License 1.1
- Geist Monomono · 400, 500 · SIL Open Font License 1.1
- Display89 / 42px · 600Three steps, zero typing.
- H175 / 40px · 600Three steps, zero typing.
- H256 / 32px · 600Built for the meeting after the meeting.
- H324 / 20px · 600Works where your team already works.
- Eyebrow13 / 13px · 600THE RECAP
- Body16 / 16px · 400A calm, complete website template for an AI meeting-notes product: recaps, decisions, action items and follow-ups.
Components
MeetlySecurityPricingCustomersLog inPages
Get started
Zm Zoom Meetings
Transcript
Pages
THE RECAP
Works where your team already works.
A calm, complete website template for an AI meeting-notes product: recaps, decisions, action items and follow-ups.
Your meetings stay yours.
The recap is where most meeting tools stop.
Shape and motion
- sm · 6px
- md · 12px
- lg · 16px
- pill · 9999px
- shadow sm
- shadow md
- out ·
cubic-bezier(.2, .7, .2, 1) - fast · 250ms
- slow · 1200ms
Exports
- DESIGN.md
DESIGN.md22 KBEverything - CSS variables
tokens.css5 KBEverything - Tailwind v4
tailwind.css6 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json27 KBEverything - Webflow variables
webflow-variables.json9 KBEverything - W3C tokens (JSON)
tokens.json19 KBEverything
Everything unlocks every format of every system in the app and through the MCP server. Ask your agent for get_design_system("meetly") with the MCP server.
- Source
- Meetly template
- Palette
- Sanzo Wada 176: Hermosa Pink, Seashell Pink, Calamine BLue
- Fonts
- Figtree (OFL 1.1), Geist Mono (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 11.87:1 · muted 4.77:1
Inside DESIGN.md
- At a glance
- Setup
- Colour
- Typography
- Layout and spacing
- Shape and depth
- Motion
- Components
- Voice and copy
- Do and don’t
- Tokens