D
Dehlya Studio
Creative development
light mode ยท 2026

SAKURA

Pastel petals on a spring breeze

For the developer who decorates their IDE with pastel extensions, names variables in Japanese, and thinks every website should feel like a Studio Ghibli background. Soft lavender, cherry blossom pink, mint whispers.

Designer
Dehlya Studio
Year
2026
Mode
LIGHT
ID
sakura

Overview

Inspiration

Cherry blossoms in Kyoto, matcha lattes, Studio Ghibli palettes, kawaii stationery, Animal Crossing.

Key Features
  • Pastel pink + lavender palette
  • Soft rounded everything
  • Gentle gradient surfaces
  • Dreamy, floaty feel
Use Cases
  • Personal blogs
  • Creative portfolios
  • Social apps
  • Lifestyle brands
About this theme

This theme is part of the Dehlya Studio AuraFlow collection โ€” 12 curated design systems, each a complete set of tokens you can drop into your own project. Each theme demonstrates a unique visual language and can be adapted to many use cases.

Color System

The color palette for Sakura is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the themeโ€™s unique personality.

Primary Action
Secondary Action
Accent Elements
Text Colors
Primary Text
Secondary Text
Muted Text

Typography

Typography is a fundamental element of the Sakura theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.

Display

Bold, impactful headings for maximum visual impact.

Font
Mochiy Pop One
Weight
900
Size
4.5rem
Line height
1
Tracking
-0.02em
Display
Heading

Section headers with distinctive character.

Font
Mochiy Pop One
Weight
700
Size
2rem
Line height
1.15
Tracking
-0.01em
Heading
Body

Clean, readable text for content.

Font
Inter
Weight
400
Size
1rem
Line height
1.6
Tracking
0.01em
The path to enlightenment is paved with bold design choices.
Mono

Monospaced text for code and metadata.

Font
Roboto Mono
Weight
500
Size
0.875rem
Line height
1.5
Tracking
0
const theme = "auraflow"

Components

A small library of common UI components rendered with Sakuraโ€™s tokens โ€” buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.

Buttons
Form Inputs
Checkbox
Card
Card title
Nested card using the surface-alt token. Swap themes and it re-skins automatically.
Badges & counters
newprobetaalpha
01

Real-world Previews

See what Sakura looks like on real product surfaces. Each preview is rendered entirely with this themeโ€™s design tokens โ€” swap themes and the same layouts re-skin automatically.

preview.sakura.dashboard.local
โŒ˜K
DH
Wednesday ยท April 12, 2026

Good morning, Dehlya

Revenue
$24.8k
+12.4%
Orders
1,284
+4.2%
Churn
2.1%
-0.3%
NPS
71
+3
Revenue trend
Last 14 days
Apr 1Apr 7Today
Activity
  • M
    Maya R. shipped a new release
    2m ago
  • K
    Kenji resolved 4 bug reports
    12m ago
  • L
    Lรฉa closed the Q2 retro
    1h ago
  • O
    Omar flagged the auth middleware
    3h ago
Active projects
ProjectStatusProgressDue
Auth rewriteactive
82%
Apr 22
Billing v2active
45%
May 03
Onboarding revampreview
95%
Tomorrow
Search relevanceplanning
20%
May 10
Every pixel above is driven by CSS variables. Nothing is hardcoded.