A smart, clean digital planner that combines your schedule and to-do list into one AI-powered view.
02
Color
#8B00FFAccent
#212833Ink
#323B4AInk soft
#FFFFFFBG
#F8FAFCBG soft
#EEF3F8BG quiet
#5E687BMuted
rgba(0, 0, 0, 0.08)Line
A clean, white canvas with a high-contrast, high-chroma purple accent used sparingly for primary actions and highlights.
03
Typography
geometric-sans · humanist-sans
display64px · 500
display-sm48px · 500
body18px · 400
Use Geometric Sans for impactful display headlines. · Use Humanist Sans for clear, readable body text. · Maintain tight letter-spacing for large headings.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous whitespace around primary elements to create a focused, uncluttered feel.
05
Surfaces
sm · 6px
md · 10px
lg · 16px
pill · 999px
Subtle 1px solid borders using a very low-opacity black.
Captured from the live site · real computed styles
11
System prompt
Akiflow is a productivity SaaS for tasks and calendars, powered by AI. The design is clean and professional, using a white background (#FFFFFF) with a dark ink (#212833) for text. The primary accent is a high-chroma purple (#8B00FF). Typography is a mix of geometric and humanist sans-serifs. Key donts: avoid dark mode, don't use serif fonts, and avoid cluttered layouts with harsh corners. The overall feel is efficient, modern, and focused.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.