Knotty Little Loops
A warm, contemporary handmade identity where chocolate-brown crochet textures meet soft blush accents, generous whitespace and playful typography.
Beautiful enough to gift.
The identity should feel playful to a 10–16-year-old while remaining tasteful, aesthetic and giftable for women aged 20–40.
Brand guidelines · Reference edition · October 2026 · The single quick-reference source for website, packaging and social design decisions.
Brand foundation
Essence, personality, positioning and audience.
Brand essence
Little things, lovingly looped.
Knotty Little Loops celebrates the charm of handmade objects: tiny details, tactile texture, personality and the care behind every stitch.
Personality
Friendly, caring and human.
Fun without becoming childish.
Craftsmanship is visible and valued.
Positive, simple and giftable.
Colour, characters and little surprises.
Clean layouts and contemporary ecommerce.
Positioning
Knotty Little Loops is a handmade crochet brand creating playful, thoughtfully crafted little companions and accessories for people who appreciate the charm of handmade things.
Playful crochet, thoughtfully handmade.
Audience
Aesthetic, giftable, personal, handmade and Instagram/Pinterest-friendly.
Cute, expressive, collectible, colourful and fun to carry or display.
Cute for them. Beautiful for you.
Logo system
The logo is the strongest visual signature. Preserve its handmade yarn character and circular badge structure.
Primary logo
Use the complete circular logo for the website, packaging, stickers, thank-you cards, social profiles and business collateral.
Clear space
Keep at least ½ the height of the “K” as free space around the logo. Never let product photography, text or UI elements touch the mark.
Signature details
| Detail | Why it matters | |
|---|---|---|
| 01 | Chocolate-brown yarn lettering | Core brand recognition |
| 02 | Yarn-ball “o” | Signals crochet/craft immediately |
| 03 | Crochet hook at the final “s” | Creates a visual “finished stitch” story |
| 04 | Soft pink circular stitch border | Adds warmth without overwhelming the mark |
| 05 | White/near-white field | Keeps the identity clean and versatile |
Avoid
Colour system
Brown is the anchor. Blush is the signature accent. Warm white provides the breathing room.
Primary
Secondary & UI
Recommended website ratio
Use Knotty Brown for important text and controls. Treat pink, lavender, sage and peach primarily as accents; do not rely on pale accent colours for essential text.
Typography
The logo has its own yarn lettering. Website typography should support it, not compete with it.
Navigation, body copy, product details, buttons, forms and utility text. A contemporary, highly usable sans family with multiple weights and variable-font support.
Use selectively for playful collection headings, campaign statements and youth-oriented moments. A rounded display sans with multiple weights and an open-source licence.
Hierarchy
| Level | Size | Typeface / weight | Colour |
|---|---|---|---|
| H1 | 48–56 px | Fredoka / Bold | Knotty Brown |
| H2 | 32–40 px | Fredoka / Medium–Bold | Knotty Brown |
| H3 | 22–26 px | Nunito Sans / SemiBold | Knotty Brown |
| Body | 16–18 px | Nunito Sans / Regular | Knotty Brown / Cocoa |
| Small | 13–14 px | Nunito Sans / Regular | Cocoa |
| Button | 14–16 px | Nunito Sans / SemiBold | White on Brown |
Install the actual Google Fonts families, Nunito Sans and Fredoka. Both are open-source and available for commercial and non-commercial projects.
Brand voice & language
Sound like a friendly creative person, not a corporation.
Preferred vocabulary
Useful brand phrases
Copy transformation
| Avoid | Prefer |
|---|---|
| Purchase now. | Make it yours. |
| Extensive collection of crochet accessories. | Find your next little favourite. |
| Meticulously handcrafted using premium-quality materials. | Every piece is carefully handmade, one loop at a time. |
| Crochet Cotton Character Keychain – Pink | Pinky — The Little Bag Buddy |
Photography & imagery
The product is the decoration.
Warm white background · soft natural shadows · close-up texture · minimal props · warm daylight · honest materials.
Show products on bags, backpacks, desks, bookshelves and in hands. Create situations that help the viewer imagine ownership.
Show yarn, hooks, hands, unfinished pieces, loose threads, packaging and finished products. This is where craftsmanship becomes visible.
| Light | Surface | Mood |
|---|---|---|
| Soft daylight, low contrast | Paper, wood, fabric, warm neutrals | Calm, tactile, cheerful |
| Composition | Detail | People |
| One hero product + generous breathing room | Macro yarn and stitch texture | Natural hands, authentic use |
Illustration & graphic language
Build a small visual vocabulary around the physical act of crochet.
Abstract loops can become section dividers, borders and subtle patterns.
Use as small category or campaign motifs.
Use sparingly as a signature craft cue.
Dashed or stitched rules echo the logo border.
A restrained natural motif for seasonal or calm collections.
Let products supply most of the visual personality.
Graphic pattern concept
Use this as an abstract loop rhythm; keep it subtle and never compete with product photography.
Surround every product with hearts, stars and confetti. The cleaner system is more recognisable and lets the crochet itself provide the charm.
Digital / UI design system
The website should feel like a calm handmade shop, not a loud children's marketplace.
Rounded, but not extreme pills. Primary: Brown + white. Hover: Blush + Brown.
12–20 px radius, subtle border, minimal shadow, warm-white surfaces.
Rounded line icons. Avoid heavy 3D, sharp geometric icons and excessive emoji.
Clear labels, generous touch targets, visible focus state and simple error language.
Live example
Hover the buttons to see the Blush hover state.
Design tokens
| Token | Value | Use |
|---|---|---|
| brand.primary | #6B3F2A | Core brown |
| brand.secondary | #E9A1A5 | Blush accent |
| background.primary | #FFFDF9 | Page background |
| accent.lavender | #B7A5D6 | Youth/playful accent |
| accent.sage | #AAB79A | Calm/natural accent |
| accent.peach | #F4B6A6 | Playful accent |
| radius.sm / md / lg / xl | 8 / 12 / 20 / 28 px | UI corners |
| spacing | 8 / 16 / 24 / 32 / 48 / 64 / 80 / 96 px | 8px spacing system |
Radii
Spacing scale
Website direction
Homepage content architecture, top to bottom.
Handmade crochet companions, charms and little treasures created one loop at a time.
Organise products around emotional use cases rather than technical categories.
Show the making process and explain why handmade matters.
Clean product grid with clear price, product name and quick action.
Three short proof points.
Customer imagery and real-world use.
Collection naming
| Little Cuddles | Soft toys |
| Little Charms | Keychains / bag charms |
| Little Gifts | Gift sets |
| Little Custom | Personalised crochet |
| Little Collections | Seasonal / limited editions |
Product naming formula
Packaging & social
Warm white base + circular logo. Keep the exterior calm.
Blush sticker: “Made with love”.
“Thank you for choosing handmade.”
Thank-you card copy
We hope it brings a little extra joy to your day.
Knotty Little Loops
Social content mix
Social copy examples
Accessibility & guardrails
Readable, inclusive and consistent execution.
- Use strong brown text for important information; do not use pale pink as body text.
- Aim for 16 px or larger body copy on the website.
- Provide descriptive alt text for every product image.
- Do not rely on colour alone to communicate availability, category or state.
- Maintain visible keyboard focus states and comfortable touch targets.
- Keep product names, prices and actions unambiguous.
| Do | Don't |
|---|---|
| Use warm white + brown as the base. | Make everything pink. |
| Let crochet texture be the hero. | Decorate every surface with hearts/stars. |
| Use playful moments selectively. | Make the whole site look like a children's toy store. |
| Show real hands and making. | Use overly polished generic stock imagery. |
| Keep copy short and human. | Use corporate marketing language. |
| Use consistent tokens. | Invent a new colour for every product. |
Five non-negotiable brand rules
Quick reference
If you remember only one section, remember this.
Brand
Knotty Little LoopsLittle things, lovingly looped.Personality
Warm · Playful · Handmade · Wholesome · Creative · ModernColours
#6B3F2A · #E9A1A5 · #FFFDF9#B7A5D6 · #AAB79A · #F4B6A6
Type
Nunito Sans — UI/bodyFredoka — playful display
Voice
Friendly, short, human, tactile, playful.Imagery
Warm daylight · real hands · close texture · generous spaceCore line
Cute enough to love.Beautiful enough to gift.
Website feel
A calm handmade shop, not a loud children's marketplace.Translate these guidelines into a Figma website design system: colour variables, typography styles, spacing tokens, buttons, cards, product cards, navigation, responsive breakpoints and a reusable homepage layout.