figma.love
figma.loveDesign systems for AI builders - v1.0

One file.

The system.

Aurora, Sakura, Coral, Noir, Skyloom - complete design systems for Claude, Cursor, Lovable, v0.
Each is one plain Markdown file. Attach once. Generate everything.

5
Themes
12
Sections each
9
AI builders
∞
Generations
scroll↓
Aurorawellness · organicCoraleditorial · noirSkyloomminimal · saasSakurawarm · consumerNoireditorial · skyAurorawellness · organicCoraleditorial · noirSkyloomminimal · saasSakurawarm · consumerNoireditorial · skyAurorawellness · organicCoraleditorial · noirSkyloom

The file.

12 sections. Every token, component, animation, and wellness principle - structured for any AI builder. Plain Markdown.

Contents
  1. 01Overview
  2. 02Personality
  3. 03Trauma-Informed Principles
  4. 04Color Architecture
  5. 05Typography System
  6. 06Spacing & Layout
  7. 07Motion & Interaction
  8. 08Component Architecture
  9. 09Data States
  10. 10Accessibility (WCAG AA)
  11. 11Do's & Don'ts
  12. 12Content Principles
sakura-v2.1.design.md
Markdown · 78.4 KB
# sakura-v2.1 - Design.md

## 01  Meta
  name: "Sakura"
  version: "2.1.0"
  tags: [wellness, organic, soft, calm, lifestyle]
  compatible: claude - figma-make - cursor - v0 - bolt

## 02  Personality
  aesthetic: organic        mood: calm
  density: spacious
  audience: Wellness, meditation, mental health tools
  avoid: pure white - sharp corners - fast animations

## 03  Color Architecture
  blush-400:    #F87191   # primary (petal, not brand)
  sage-400:     #68A068   # secondary (grounding)
  lavender-400: #A78BFA   # tertiary (contemplative)
  cream-50:     #FDFBF8   # background (never pure white)

## 04  Typography
  display:     'Cormorant Garamond'  300wt italic
  body:        'Nunito'             400 / 600wt
  handwritten: 'Caveat'             journal use only
  mono:        'JetBrains Mono'     code only

## 05  Components
  button-primary - button-sage - button-tertiary
  input - textarea - journal-textarea - journal-card
  habit-card - mood-picker - progress-ring
  streak-badge - modal - drawer

## 06  Motion
  breath-pulse:   1200ms  # meditation timer pulse
  breath-expand:  4000ms  # guided breathwork (4-7-8)
  float:          3000ms  # ambient decorations
  spring-soft: cubic-bezier(0.34, 1.2, 0.64, 1)

## 07  Trauma-Informed Rules
  - Never shame, never guilt, never urgency
  - Offer choice - never demand action
  - Frame setbacks as data, not failure
  - Always include "Skip" and "Not right now"

…and 4 more sections

The
catalog

5 themes · live preview
Design.md · Aurora · v2.0.0Commercial license · Lifetime updates · Instant delivery
$19
one-time
Get Aurora→
aurora.design.md — Style Guide
01Color System
8 tokens
Background
#FFFFFF
Surface
#F4F6F8
Raised
#E8ECF0
Border
#D0D8E0
Muted
#8898A8
Text Sec
#485668
Text
#111820
Primary
#0C7E7E
02Data Visualization
6 chart types
Revenue · 14d
$129,430
▲ 12.8%
May 24Jun 06
Conversion mix
67%PAID
Paid67%
Organic14%
Other19%
Sessions · weekly
42.1K
NewReturning
Active users
24,490▲ +16
Retention 30d
74.2%▲ +1.8
Avg. session
3:42▲ +3s
82Done
64MAU
03Activity Heatmap
52w · 364d
Less
More
04Buttons
5 variants · 4 sizes
05Form Controls
hello@figma.love
We'll never share your address.
Choose a project…
Checkboxes
Send weekly digest
Beta features
Marketing emails
Radio
Monthly
Yearly · save 20%
Lifetime
Toggles
Dark mode
Notifications
06Components
Recent activity
A
Ana K. shipped v2.02m
B
Ben L. merged 14 PRs1h
C
Cole R. opened issue #423h
Badges
LiveBetaProHotDraft
Avatars · Stack
A
B
C
JD
MK
SL
AR
+9
i
Update available
Aurora v2.0.0 adds 6 new components. Refresh to apply.
07Foundation
R8 · 8pt grid
Spacing · 8pt
4
8
16
24
32
48
Radius
2
6
8
16
∞
Elevation
e0
e1
e2
e3
Tags
minimalsaasb2bdashboard
Details
LicenseCommercial
CompatibleClaude · Claude Code · Cursor · Lovable · v0 · Bolt
ForSaaS founders, product teams, B2B app builders
Color system
Teal
#0C7E7E
Teal Muted
#E6F7F7
Violet
#7055D0
Cyan
#0A8EC0
Text
#111820
Text Sec
#485668
Border
#D0D8E0
Surface
#F4F6F8
Get Aurora — $19→

Instant .md file delivery

02Sakura
Trauma-informed wellness design system+
Design.md · Sakura · v4.0.0Commercial license · Lifetime updates · Instant delivery
$19
one-time
Get Sakura→
sakura.design.md — Style Guide
01Color System
8 tokens
Background
#FFF8FA
Surface
#FFF2F5
Raised
#FFEAF0
Border
#FFC0D6
Muted
#FF8CB4
Text Sec
#E23C78
Text
#CE2464
Primary
#EE548C
02Data Visualization
6 chart types
Revenue · 14d
$129,430
▲ 12.8%
May 24Jun 06
Conversion mix
67%PAID
Paid67%
Organic14%
Other19%
Sessions · weekly
42.1K
NewReturning
Active users
24,490▲ +16
Retention 30d
74.2%▲ +1.8
Avg. session
3:42▲ +3s
82Done
64MAU
03Activity Heatmap
52w · 364d
Less
More
04Buttons
5 variants · 4 sizes
05Form Controls
hello@figma.love
We'll never share your address.
Choose a project…
Checkboxes
Send weekly digest
Beta features
Marketing emails
Radio
Monthly
Yearly · save 20%
Lifetime
Toggles
Dark mode
Notifications
06Components
Recent activity
A
Ana K. shipped v2.02m
B
Ben L. merged 14 PRs1h
C
Cole R. opened issue #423h
Badges
LiveBetaProHotDraft
Avatars · Stack
A
B
C
JD
MK
SL
AR
+9
i
Update available
Sakura v4.0.0 adds 6 new components. Refresh to apply.
07Foundation
R28 · 8pt grid
Spacing · 8pt
4
8
16
24
32
48
Radius
2
6
28
16
∞
Elevation
e0
e1
e2
e3
Tags
wellnessorganiccalmtrauma-informedaccessiblemobile-first
Details
LicenseCommercial
CompatibleClaude · Claude Code · Cursor · Lovable · v0 · Bolt · Windsurf · Figma Make
ForWellness apps, mental health, meditation, lifestyle, editorial
Color system
r-250
#CE2464
r-175
#EE548C
r-150
#F870A0
r-125
#FF8CB4
r-75
#FFC0D6
r-30
#FFEAF0
r-20
#FFF2F5
r-10
#FFF8FA
Get Sakura — $19→

Instant .md file delivery

Design.md · Coral · v1.0.0Commercial license · Lifetime updates · Instant delivery
$19
one-time
Get Coral→
coral.design.md — Style Guide
01Color System
8 tokens
Background
#FDFAF7
Surface
#FFFFFF
Raised
#F7F1EA
Border
#EDE3D6
Muted
#C4B09A
Text Sec
#7D6B55
Text
#2A1F14
Primary
#F45C3B
02Data Visualization
6 chart types
Revenue · 14d
$129,430
▲ 12.8%
May 24Jun 06
Conversion mix
67%PAID
Paid67%
Organic14%
Other19%
Sessions · weekly
42.1K
NewReturning
Active users
24,490▲ +16
Retention 30d
74.2%▲ +1.8
Avg. session
3:42▲ +3s
82Done
64MAU
03Activity Heatmap
52w · 364d
Less
More
04Buttons
5 variants · 4 sizes
05Form Controls
hello@figma.love
We'll never share your address.
Choose a project…
Checkboxes
Send weekly digest
Beta features
Marketing emails
Radio
Monthly
Yearly · save 20%
Lifetime
Toggles
Dark mode
Notifications
06Components
Recent activity
A
Ana K. shipped v2.02m
B
Ben L. merged 14 PRs1h
C
Cole R. opened issue #423h
Badges
LiveBetaProHotDraft
Avatars · Stack
A
B
C
JD
MK
SL
AR
+9
i
Update available
Coral v1.0.0 adds 6 new components. Refresh to apply.
07Foundation
R16 · 8pt grid
Spacing · 8pt
4
8
16
24
32
48
Radius
2
6
16
16
∞
Elevation
e0
e1
e2
e3
Tags
warmplayfulconsumermarketplace
Details
LicenseCommercial
CompatibleClaude · Cursor · Lovable · v0
ForMarketplaces, food apps, lifestyle brands
Color system
Coral
#F45C3B
Coral Muted
#FFF1EE
Peach
#F89432
Text
#2A1F14
Text Sec
#7D6B55
Text Muted
#C4B09A
Border
#EDE3D6
Background
#FDFAF7
Get Coral — $19→

Instant .md file delivery

Design.md · Noir · v1.0.0Commercial license · Lifetime updates · Instant delivery
$19
one-time
Get Noir→
noir.design.md — Style Guide
01Color System
9 tokens
Background
#000000
Surface
#0A0A0A
Raised
#141414
Border
#2E2E2E
Muted
RGBA(255,255,255,0.35)
Text Sec
RGBA(255,255,255,0.60)
Text
#FFFFFF
Primary
#FFFFFF
Accent
#CC0000
02Data Visualization
6 chart types
Revenue · 14d
$129,430
▲ 12.8%
May 24Jun 06
Conversion mix
67%PAID
Paid67%
Organic14%
Other19%
Sessions · weekly
42.1K
NewReturning
Active users
24,490▲ +16
Retention 30d
74.2%▲ +1.8
Avg. session
3:42▲ +3s
82Done
64MAU
03Activity Heatmap
52w · 364d
Less
More
04Buttons
5 variants · 4 sizes
05Form Controls
hello@figma.love
We'll never share your address.
Choose a project…
Checkboxes
Send weekly digest
Beta features
Marketing emails
Radio
Monthly
Yearly · save 20%
Lifetime
Toggles
Dark mode
Notifications
06Components
Recent activity
A
Ana K. shipped v2.02m
B
Ben L. merged 14 PRs1h
C
Cole R. opened issue #423h
Badges
LiveBetaProHotDraft
Avatars · Stack
A
B
C
JD
MK
SL
AR
+9
i
Update available
Noir v1.0.0 adds 6 new components. Refresh to apply.
07Foundation
R2 · 8pt grid
Spacing · 8pt
4
8
16
24
32
48
Radius
2
6
2
16
∞
Elevation
e0
e1
e2
e3
Tags
editorialminimalportfolioagency
Details
LicenseCommercial
CompatibleClaude · Cursor · Lovable · v0
ForAgencies, portfolios, editorial brands
Color system
Primary
#FFFFFF
Accent Red
#CC0000
Gray 50
#F5F5F5
Gray 500
#6B6B6B
Border
#2E2E2E
Raised
#141414
Surface
#0A0A0A
Background
#000000
Get Noir — $19→

Instant .md file delivery

Design.md · Skyloom · v1.1.0Commercial license · Lifetime updates · Instant delivery
$19
one-time
Get Skyloom→
skyloom.design.md — Style Guide
01Color System
8 tokens
Background
#FEFEFF
Surface
#FFFFFF
Raised
#E0F7FD
Border
#DCECF8
Muted
#88AAC8
Text Sec
#405A78
Text
#000000
Primary
#3BC5ED
02Data Visualization
6 chart types
Revenue · 14d
$129,430
▲ 12.8%
May 24Jun 06
Conversion mix
67%PAID
Paid67%
Organic14%
Other19%
Sessions · weekly
42.1K
NewReturning
Active users
24,490▲ +16
Retention 30d
74.2%▲ +1.8
Avg. session
3:42▲ +3s
82Done
64MAU
03Activity Heatmap
52w · 364d
Less
More
04Buttons
5 variants · 4 sizes
05Form Controls
hello@figma.love
We'll never share your address.
Choose a project…
Checkboxes
Send weekly digest
Beta features
Marketing emails
Radio
Monthly
Yearly · save 20%
Lifetime
Toggles
Dark mode
Notifications
06Components
Recent activity
A
Ana K. shipped v2.02m
B
Ben L. merged 14 PRs1h
C
Cole R. opened issue #423h
Badges
LiveBetaProHotDraft
Avatars · Stack
A
B
C
JD
MK
SL
AR
+9
i
Update available
Skyloom v1.1.0 adds 6 new components. Refresh to apply.
07Foundation
R36 · 8pt grid
Spacing · 8pt
4
8
16
24
32
48
Radius
2
6
36
16
∞
Elevation
e0
e1
e2
e3
Tags
editorialskyboldaiconversationalmedia
Details
LicenseCommercial
CompatibleClaude · Claude Code · Cursor · Lovable · v0 · Bolt · Windsurf · Figma Make
ForAI designers, conversation designers, editorial media, thought leadership
Color system
sky-400
#3BC5ED
sky-500
#1AAEDB
sky-700
#0A7A9E
black
#000000
white
#FFFFFF
cloud-700
#405A78
cloud-200
#DCECf8
cloud-25
#FEFEFF
Get Skyloom — $19→

Instant .md file delivery

Three steps.
Zero ceremony.

How it works
Pick a pack.

SaaS, wellness, marketplace, editorial. Five opinionated systems - one product category each. Pick the one closest to what you're building.

01
Attach the .md.

Drop it into Claude, Cursor, Lovable, v0 - anywhere file context is read. It becomes the AI's design memory.

02
Generate forever.

Tokens, components, motion, voice. Every screen you produce lands inside one coherent language. No drift. No rework.

03

Buy once.
Keep forever.

Pricing
Entry
One pack
$19

A single Design.md. Pick the system closest to what you're building.

  • One complete Design.md
  • Twelve sections, 12–18 KB
  • Unlimited projects, unlimited edits
  • Lifetime updates
Browse the catalog
Best value
All five
$49$95

Every system in the catalog. One system per product category — reach for whichever fits the next build.

  • Aurora, Sakura, Coral, Noir, Skyloom
  • Save $46 against buying separately
  • Unlimited projects, unlimited edits
  • Lifetime updates on all five
Coming soon
For builders
Pack + landing kit
$99

Every pack, plus the full React source of this site — a working build that proves the system, not just the spec that describes it.

  • Everything in All five
  • This site's source: React, Vite, TypeScript
  • Deploys to Vercel as-is
  • Commercial use on client work
Coming soon

One-time payment, no subscription. 30-day refund, no questions asked. Every purchase includes lifetime updates — buy once and get every revision we ship.

Things
people
ask.

6 questions

  • Twelve sections covering philosophy, color, typography, spacing & grid, components, iconography, motion, elevation, radius, accessibility, design tokens, and voice - plus a quick‑reference table. Roughly 12–18 KB of structured Markdown per pack.

  • Anything that reads file context - Claude (Projects, Skills, Code), Cursor, Lovable, v0, Bolt, Windsurf, Figma Make, GitHub Copilot Workspaces. The file is plain Markdown; it's a system prompt that ages well.

  • Yes. The license grants unlimited edits and unlimited project use. The only restriction: don't resell the .md as your own product.

  • No. The whole point is the .md does the design thinking for you - the AI follows it. You just pick the pack closest to your product.

  • Lifetime updates on every pack. Buy once, get every revision and new section we add.

  • 30 days, no questions. If the files don't suit your project, we send the money back.