A Design Style for StyleKit
Romanticised rural life — embroidery, wildflowers, honey, and the quiet warmth of handmade things.
"Cottagecore romanticises agrarian life, turning the act of picking berries, kneading dough, or pressing a flower into a radical act of tenderness."
The Garden Calendar
Each season brings its own palette of wildflowers, herbs, and forest finds.
First to bloom after frost, petals like small purple hearts scattered across the moss.
Delicate white stars that carpet ancient woodland floors each April.
Pale yellow clusters that brighten hedgerows and meadow edges in tender spring light.
Component Gallery
Each component carries a gentle imperfection — a slight lean, a soft bloom on hover.
Button Variants
Interaction Physics
Hover for a gentle lift and rotation — like picking up a handwritten note from a wooden table. Press for a soft cushion effect: active:scale-[0.97].
Colour Palette
Pressed from wildflowers, steeped in bark tea, ground from earth itself.
Grass Green
#5a8f5a
Buttons, headings, icons
Cream Linen
#faf6f0
Page & card backgrounds
Daisy Yellow
#f5d75f
Highlights & flower centres
Earth Brown
#8b7355
Body copy & secondary text
Flower Pink
#d4a0a0
Borders & floral details
The Craft Workshop
Cottagecore celebrates slow crafts — each one a meditation on patience and the beauty of imperfection.
Cross-stitch & satin stitch
Cotton florals stitched by hand onto linen, each petal placed with patience and morning light.
A slow craft, done with care
Botanical preservation
Lavender, chamomile, and feverfew pressed between the pages of an old field guide.
A slow craft, done with care
Bramble jam & elderflower
Summer captured in glass jars, sealed with wax and labelled in fading handwriting.
A slow craft, done with care
For the front door
Bundles of dried lavender, wheat, and rose hips wound with twine onto a willow frame.
A slow craft, done with care
Typography
Serif typography evokes old recipe books and letters tucked beneath dried flowers.
Type Scale
Wander
Display heading — main titles
Gather & Grow
Section heading — h2 level
Where wildflowers bloom.
Subtitle — italic accent
A warm cup of chamomile tea, a good book, and the sound of rain.
Body copy
foraged . pressed . stitched
Eyebrow / label — wide tracking
Quotation Style
"The earth laughs in flowers, and the soul finds rest in meadows too far from clocks to hear them."
— A Cottagecore Proverb
Usage Notes
Design Rules
Like a recipe card passed down through the family — follow it warmly, not mechanically.
Always Do
Don't
Approved Colour Pairings
Primary CTA
#5a8f5a / #faf6f0
Outline / Ghost
#faf6f0 / #5a8f5a
Floral Accent
#d4a0a0 / #faf6f0
Daisy Highlight
#f5d75f / #8b7355
Interaction Physics
Nothing in the cottage is machine-perfect. A slight lean, a gentle bounce — digital rendered as handmade.
Botanical Sway
Decorative elements sway gently with a slow CSS keyframe, like wildflowers in a summer breeze.
animation: sway 5s ease-in-out infiniteGentle Imperfection
Hover lifts and leans the element slightly. Nothing in the cottage is perfectly straight.
hover:rotate-[0.8deg] hover:-translate-y-0.5Soft Cushion Press
Clicking feels like pressing into a soft feather cushion — a gentle give, then recovery.
active:scale-[0.97] duration-500Philosophy
Cottagecore romanticises the agrarian — tending a garden, picking berries, kneading bread at dawn. The design reflects this: nothing is hurried, nothing is harsh.
Every interface element should feel as if it was made by hand — a slight imperfection in alignment, a warm colour that doesn't quite match the grid.
Flowers, mushrooms, bees, berries: the natural world is brought indoors. Botanical SVG decorations are never decoration alone — they carry meaning and warmth.
The warmth of a cottage kitchen: soft light, worn surfaces, the smell of something baking. Cream, brown, green — colours that say 'come in, stay a while'.