Brand guidelines
A short reference for keeping Baking With Abbie consistent across the shop, packaging and social posts.
Logo
On cream (primary)
On a pastel band
Responsive sizes
sm — compact bars
md — site header
lg — footer, sign in
xl — homepage hero
Do
- • Scale the logo by height and leave the width automatic.
- • Keep at least half a cupcake of clear space around the mark.
- • Use the transparent PNG so the cream page shows through.
- • Use the rounded-corner treatment when the logo sits on a card or photo.
Don't
- • Don't stretch, squash or rotate the mark.
- • Don't recolor the lettering or the pink banner.
- • Don't place the logo on a busy photo without a soft backdrop.
- • Don't re-add the original cream box behind the transparent logo.
Colors
All colors live as design tokens in the stylesheet — reference the token, never a raw hex value.
Cream paper
--background
Page background
Deep plum
--foreground
Text, buttons, outlines
Pastel pink
--pink
Banner accents, nav highlight
Mint
--mint
Soft accents, badges
Butter
--butter
Footer wash, notices
Lavender
--lavender
Secondary accents
Cocoa
--cocoa
Chart / illustration detail
Typography
Display — Baloo 2
Fresh-baked happiness
Headings, product names and buttons. Weights 500–800.
Body — Nunito
Brown butter cookies, warm sourdough and fudgy brownies, baked in small batches just for you.
Paragraphs, forms and labels. Weights 400–700.
Shared links & icons
Shared links use a 1200×630 card built from the logo on cream. The site icon is a square 64px version of the mark, with a 180px Apple touch icon for phone home screens. Social platforms cache previews, so a refreshed image can take a while to appear in already shared links.