Daglys design system
From the Daglys template.
Included with Everything
Colour
Type
- Schibsted Groteskdisplay · 500 · SIL Open Font License 1.1
- Albert Sansbody · 400, 500, 600 · SIL Open Font License 1.1
- Display81 / 47px · 500Every bank line meets its receipt.
- H252 / 32px · 500When Daglys is unsure, it asks.
- H324 / 20px · 500A month is just thirty small closes.
- Lead23 / 20px · 400Daglys is the AI bookkeeper for growing companies.
- Body19 / 15px · 400It reconciles every transaction as it lands, matches every receipt and closes your month by the first morning.
- Small14 / 14px · 400Daglys is the AI bookkeeper for growing companies.
- Eyebrow14 / 14px · 500How it works
Components
DaglysCustomersStart free trial
Start free trial
How it works
A month is just thirty small closes.
It reconciles every transaction as it lands, matches every receipt and closes your month by the first morning.
Connected in minutes, read-only by default.
Daglys is the AI bookkeeper for growing companies.
Shape and motion
- sm · 10px
- md · 27px
- lg · 37px
- pill · 9999px
- shadow sm
- shadow md
- standard ·
cubic-bezier(.45, 0, .2, 1) - out ·
cubic-bezier(.16, 1, .3, 1) - fast · 300ms
- base · 900ms
- slow · 1400ms
Exports
- DESIGN.md
DESIGN.md23 KBEverything - CSS variables
tokens.css5 KBEverything - Tailwind v4
tailwind.css6 KBEverything - shadcn/ui theme
shadcn.css5 KBEverything - Figma variables
figma-variables.json28 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("daglys") with the MCP server.
- Source
- Daglys template
- Palette
- Sanzo Wada 178: Ivory Buff, Light Glaucous Blue, Green Blue
- Fonts
- Schibsted Grotesk (OFL 1.1), Albert Sans (OFL 1.1)
- Themes
- Light and dark
- Contrast
- Text 14.41:1 · muted 5.71: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