In bloom
freshly cut · this morning
Garden Rose Bouquet
Eleven stems wrapped in brown paper and a length of twine. Wild rosemary tucked into the side, because it always was.
€24,00
a design manual for
Grandma's Little Garden
— Est. 1957 —
This is the visual language for Ο κήπος της γιαγιάς — a small flower shop in Greece that has been quietly handing seeds, stems and good wishes across the counter for nearly seventy years. The tone is warm, the spacing is unhurried, and nothing here shouts. Read it like a recipe that's been in the family a long while.
The grandma in the mark is the brand. She holds the watering can the way someone holds an envelope they've waited for. Her dress is the green of basil leaves, her hat the colour of late-summer straw. Everything around her is alive, but quietly.
The website should feel that way: a counter you can lean on, a shop that calls you χρυσέ μου the second time you visit, photos of plants taken in the actual back room — never on a sweep.
"Όταν φυτεύεις, φυτεύεις και υπομονή."
— When you plant, you plant patience too.
The palette is pulled straight from the logo: the deep forest of the wordmark, the olive of the dress, the soft pink of the rose, and the cream of the page beneath everything. Warm neutrals carry the most weight; colour is used like a sprig on a plate.
Forest 900
#1F2C1C Ink, footer, deep emphasis
.forest-900
Forest 800
#2D3D2A Primary wordmark, headings
.forest-800
Forest 700
#3D5240 Secondary text on light
.forest-700
Olive 600
#4A5A40 The grandma's dress, links
.olive-600
Sage 500
#7B8A6E Botanical accents
.sage-500
Sage 400
#9AAE8B Soft tags & badges
.sage-400
Leaf 300
#BCC9AC Quiet outlines
.leaf-300
Leaf 200
#D6DEC9 Tinted surfaces
.leaf-200
Rose 600
#C98A82 Accent strokes, prices
.rose-600
Blush 500
#E5B5AD Highlights, hovers
.blush-500
Petal 400
#F2D4CE Soft chips, banners
.petal-400
Petal 200
#FAE7E2 Whisper-tinted cards
.petal-200
Bark 800
#4A3A26 Deep wood, contrast text
.bark-800
Bark 700
#5C4630 Tertiary copy, year tags
.bark-700
Earth 600
#8C6F4A The grandma's straw hat
.earth-600
Honey 500
#C9A56C Watering can, gilt rules
.honey-500
Wheat 400
#DEBF92 Warm fills, quiet borders
.wheat-400
Cream
#EFE7D5 Page background
.cream
Linen
#F4ECD9 Alt surface
.linen
Ivory
#FBF6E8 Primary card
.ivory
Paper
#FDFAF1 Lifted card / dialogs
.paper
Cream · Forest · Rose
The everyday combination — pages, articles, almost everything.
Forest · Ivory · Honey
Dark sections, footers, holiday banners.
Petal · Bark · Sage
Promotions, Valentine's, name-day arrangements.
A warm, organic display serif does the talking. A friendly book serif carries the long form. A handwritten note adds the human touch where it matters — never overused, always meant.
Fraunces
DisplayFraunces
Aa Bb Γγ Δδ · 0123
Soft optical-size serif with a slight grin. Used for titles, prices, and big numbers.
Lora
BodyLora
Aa Bb Γγ Δδ · 0123
Calm, well-read book serif. Used for paragraphs, lists, descriptions, forms.
Caveat
HandCaveat
Aa Bb Γγ Δδ · 0123
A note tucked into a bouquet. Used sparingly — labels, prices in chalk, signatures.
Every measurement is a multiple of 4px. Closer to the chip, the steps are small. Further out — hero, gutters, between sections — the air opens up. Whitespace is a houseplant; let it grow.
| Token | px | rem | Scale | Used for |
|---|---|---|---|---|
| 2xs | 4 | 0.25rem | Hairline gaps between sibling chips | |
| xs | 8 | 0.5rem | Inside small controls | |
| sm | 12 | 0.75rem | Tight cluster spacing | |
| md | 16 | 1rem | Default — most things breathe at this rate | |
| lg | 24 | 1.5rem | Card padding, paragraph rhythm | |
| xl | 32 | 2rem | Section sub-blocks | |
| 2xl | 48 | 3rem | Between sections on mobile | |
| 3xl | 64 | 4rem | Between sections on desktop | |
| 4xl | 96 | 6rem | Hero breathing room |
Cards round gently and lift only a little. Shadows are warm, not grey — they borrow brown from bark so nothing feels digital or cold.
radius xs · 6
Tags & chips
Tiny inline objects only.
radius md · 16
Standard card
Product tiles, articles, anything default.
radius xl · 32
Hero panels
Hero, dialogs, the big yes.
Buttons are calm and confident, never pushy. Tags feel like handwritten labels. The product card is the model citizen: photo, name, a small note, a price in display type.
freshly cut · this morning
Eleven stems wrapped in brown paper and a length of twine. Wild rosemary tucked into the side, because it always was.
a small note
Every Tuesday we bring whatever bloomed too much that week to the café next door. If you see flowers in jam jars on the tables — that's us. Take one home, no need to ask.
Γιαγιά Ελένη
since 1957
Use these like a baker uses flour on the bench: a little here, a little there, never piled on. They're the connective tissue between sections.
Divider
Between long sections in articles.
Wreath
For seals, certificates, holiday banners.
Seed pattern
Subtle background fill for empty states.
Use small words and short sentences. Greek and English live side by side, and that's fine — sometimes the Greek word is just kinder. Never sell hard. The plants do the selling.
Yes, like this
No, not like this
a closing thought
"Φυτεύουμε λουλούδια για να θυμόμαστε ότι ο χρόνος είναι δώρο."
We plant flowers to remember that time is a gift.