Cooking App Design System
Click to expand
Clean, modern, slightly playful; Food-focused UI; Use illustrations where possible
Primary#FF6B00
Secondary#000000
Background#FFFFFF
Text Primary#111111
Headline
Aa
Search
Body
Aa
Label
Aa
Label
Color Palette
Typography
headingmodern sans-serif · 16px · Bold
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
bodyclean sans-serif · 16px · Regular
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
buttonInter · 16px · Medium
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Corner Radius
12px
16px
Spacing
Base: 8px8px
16px
24px
Clean, modern, slightly playful; Food-focused UI; Use illustrations where possible
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Style
• Clean, modern, slightly playful
• Food-focused UI
• Use illustrations where possible
Download .md
License MIT
Uploaded 1 months ago
Version v1
File size 664 B
Downloads 186
Copies 50
Use with MCP
Using designmd mcp, download the design system https://designmd.ai/hoangndmiraisoft-hash/cooking-app-design-system and implement it in my code
Don't have the MCP? Install it here