少女漫画風
ChapterPaletteComponentsScreentoneTypography
shoujo manga style

Shoujo Manga

浪漫な物語

Romantic Story — where every heartbeat blooms into petals and every glance becomes a sparkle

manga panels

Chapter Pages

An asymmetric manga grid — each panel tells a fragment of the story

出会い — First Meeting

The moment our eyes met
♡
Heartbeat
♡
Sparkle
♡
Under the sakura tree...
♡
To be continued
♡

Tap any panel to mark with love

color palette

Sparkle Palette

Each color carries the spirit of a shoujo moment

Sakura Pink

#ffb7c5

Primary

Pearl White

#fff5f7

Background

Soft Purple

#c4b5fd

Accent

Sparkle Gold

#fde68a

Highlight

Blush Pink

#fecdd3

Secondary

ui components

Component Stage

Every button and card, dressed in ribbon and lace

texture & tone

Screentone Gallery

The half-tone language of manga — each pattern carries emotion

Fine Dots

pattern size: 8px 8px

Soft, delicate — used for blush and background fill

Coarse Dots

pattern size: 12px 12px

Dreamy, airy — used for shadow tones and depth

Crosshatch

pattern size: 8px 8px

Vintage, textured — used for dramatic mood scenes

typography

Typography Romance

Never uppercase in shoujo — it breaks the dream

愛

Ai

Love

恋

Koi

Romance

夢

Yume

Dream

Shoujo Manga Style

Hero Display — soft, rounded, never harsh

浪漫な物語 — A Romantic Story

Sub-heading — italic for dream-like quality

Every glance became a petal falling in slow motion...

Body — italic prose, generous line-height

caption: under the sakura tree, spring 2026

Caption — small, whispered, poetic

Shoujo typography rule: Softness over strength. Curves over angles.
Never shout — whisper, dream, and let the flowers speak for you.

少女漫画風

Every story blooms in pink — styled with love, wrapped in petals

All StylesDocumentation

StyleKit — Shoujo Manga Showcase 2026