hello paint brand book

your photo, painted by you
brand guide

the idea

A photo goes in, a paintable kit comes out. The brand should feel like a warm friend who hands you the fun part.

hello paint turns a customer's photo into a custom paint-by-number kit they print and paint at home. The personality is a cozy cool girl: warm, cheery, friendly to all ages, and unmistakably made by a person. The look is flat and hand-painted, never techy or arcade. The palette leads with warm cream and a raspberry "hello," with teal and sunshine doing the eye-catching, and it stays clear of orange on purpose, so the brand reads as human-made.

The wedge is being both instant and human: free photo-to-template sites deliver in seconds but nobody checks the photo, and $40 to $60 mailed kits are checked and cared for but take a week to arrive. hello paint is the only option in the category that is both, so every asset should make that trade visible, not just claim it.

logo family

Three marks, one wordmark, one palette. Each is used by role.

Main logo

Before & after

Half photo, half numbered kit. The mark that explains the product on its own.

Profile avatar

Hello bubble

A hello bubble full of paint. Your round photo on every platform.

Sticker & stamp

Hello smile

A painted smile with a sunshine wink. The friendly sign-off.

the smile

We dropped the waving hand for a single, happy smile.

Every attempt at a literal hand felt busy or stiff: too many fingers, too much to read at sticker size. So the third mark became what the brand was reaching for all along: a warm, open smile. One raspberry curve, a teal streak of motion, and a sunshine wink: it reads in an instant, paints in a single color, and feels exactly like a friendly hello.

abstract stroke
A squiggle, barely a hand at all.
+
literal hand
Clearly a hand, but busy and stiff.
the smile
One happy curve, a teal streak, a wink.

main mark · reading order

The before & after now counts the way you read it: 1, 2, then 3.

The sun now sits on the right in both halves, so the painted photo and the numbered template line up, and the labels run in natural order: sky 1 on the left, the sun 2 beside it, and the hill 3 below. Same scene, same paint dabs on the border; it just reads top-to-bottom, left-to-right like a real kit.

before: sun on the left, labels read 2 then 1
after: sun on the right, labels read 1 · 2 · 3

lockups & reversed

The wordmark pairs two ways: sans for clarity, a Fraunces signature for warmth.

Primary horizontal lockup · snapshot + Nunito Sans 800.
Signature lockup · the smile + Fraunces italic. For a softer, editorial voice.
Reversed on plum ink: outlines flip to cream, and the bubble's fifth dab becomes sky so it stays bright. Both survive a circle crop.

The wordmark wears exactly two outfits

Pink and white or all white, nothing else, ever (owner rule, restated 2026-08-07). On light grounds: hello in berry (the deeper text-safe berry on tinted light grounds) and paint in plum ink. On plum ink: hello stays berry, paint flips to cream. On berry, green, or teal grounds the whole mark goes white (owner ruling, 2026-08-08: berry cannot sit on green or teal). Sunshine is a brand color for shapes and accents and is never a wordmark color. A ground this list does not name is a question for Megan, not a gap to fill.

clear space & minimum size

hello paint

Keep clear space around the mark equal to the height of the lowercase h in the wordmark, on every side. Never crowd it with text or edges.

Holds at 16 px

Every mark is flat vector, renders in one ink, and stays legible at favicon size.

16px
24px
16px
24px
16px
24px

Full lockup: at least 120 px wide on screen, 25 mm in print.

color

Warm cream leads, the brights stay loud, and orange never appears.

Raspberry#E64C81
primary · the "hello"
Teal#15A39A
eye-catching contrast
Sunshine#F6C744
accent · the spark
Leaf#5BA86B
scene greens
Sky#BFE6F2
scene blues · dab on dark
Plum ink#312B3D
text · outlines · the "paint"
Cream#FBF4E8
page · warm paper
Off-white#FFFDF8
cards & surfaces
Blush#FBD0DD
soft tint · sparingly

Tints & shades

A lighter tint and a darker shade for backgrounds and states. The deep variants double as the legible text colors.

Raspberry
#FBE0EA
#F08CAE
#E64C81
#B83A66
Teal
#D6EFEC
#6CC4BC
#15A39A
#0F756D
Leaf
#DCEDE0
#94C79F
#5BA86B
#3F7E4F

Usage balance

Lead with the neutrals so the brights stay loud. Roughly:

cream 50%
ink 20%
berry 12
teal 8
sun
leaf
cream 50% ink 20% berry 12% teal 8% sun 5% leaf 5%

Contrast & accessibility

Body text is plum ink on cream, or cream on ink. For berry or teal text on light, use the deep variants. Bright raspberry and teal are for headlines, shapes, and the logo, not paragraphs.

Text on backgroundRatioUse
Plum ink on cream12.44Body ✓
Cream on plum ink12.44Reversed body ✓
Sky on plum ink10.25On dark ✓
Deep teal on cream5.07Links, teal text ✓
Deep berry on cream5.01Berry text ✓
Raspberry on cream3.36Large / headline only

typography

Fraunces: headings

Optical serif, weight 600 (and 500 italic for taglines). Warm and editorial. One headline per view; never set long body copy in it.

Nunito Sans: body & wordmark

Friendly sans. 400 / 700 for text, 800 for the wordmark and kit numbers. Lowercase wordmark, one space, always.

Display · h1 · 40
paint your photo
Section · h2 · 28
say hello, send a photo
Subhead · h3 · 22
no drawing needed, ever
Body · 17
Send a photo and we turn it into a numbered kit you paint at home.
Caption · 14
printed on warm matte stock with a light-gray outline

applications

The same warm system, wherever the brand shows up.

Etsy shop banner · 1600 × 400
hello paint
your photo, painted by you
Instagram post · 1080 × 1080
Sticker & kit-box labels · one-color wave
hello paint
your kit · turn the page and start at 1
Kit cover sheet

voice & tone

Cozy cool girl. Plain over clever. Invite, don't instruct.

Talk the way you'd hype a friend. Lead with the before and after. Ask for the photo they love. Keep the handle lowercase. Show the transformation, not the process.

Taglines

hi! send a photo, get a paint-by-number kit your photo, painted by you turn your photo into a painting you can make no drawing needed, ever

Words to avoid

AI-generatedalgorithmdatapixelrenderprocessingTitle Caseorange

legibility

Added 2026-08-07, after 130 of 224 shipped listing photos measured a typical line under the readable bar and Megan reported she could not read them at a normal distance from her screen. These are the numbers that decide it, and ~/Projects/publish-check measures them off the pixels.

Ink is not font size

A surface shows an image at a fixed width, and that width decides everything. What gets measured is ink: the height of a line of lowercase type from the top of an ascender to the bottom of a descender. Measured in Nunito Sans on 2026-08-07, ink is about 0.92 of the font size for a line carrying both. So the type floor is always higher than the ink floor, and confusing the two is how the first draft of this shipped at 41px and still missed.

etsy listing, phone
shown 390 pt wide · needs 41 px of ink · set type at 45 px · zooms
etsy listing, desktop
shown 700 pt wide · needs 23 px of ink · zooms
etsy search row
shown 186 pt wide · needs 86 px of ink · does NOT zoom · hero only
pinterest feed
shown 180 pt wide · needs 89 px of ink · does NOT zoom
instagram feed / story
shown 390 pt wide · needs 41 px of ink · does NOT zoom
instagram profile grid
shown 129 pt wide · needs 124 px of ink · does NOT zoom

Small print is only ever a choice on a surface that zooms. On anything scrolled past it is a mistake. And a warning that fires on most of a fleet is a failure, not noise: publish-check reported "0 failing" while more than half the boards were unreadable at a glance, because an etsy gallery image technically zooms.

The six rules a public-facing image has to pass

Do

  • 45 px type floor on a 2000 px board, 66 px on a hero. If a board cannot hold its content at 45, it is carrying too much: show fewer rows bigger. Never lower the floor to make something fit.
  • Choose every line break. text-wrap: balance on headings, captions and short blocks, pretty on body copy, and an explicit   where a phrase must hold together. A break in the wrong place makes a confident sentence look accidental.
  • Every card carries an image. A slot spent on words alone is a slot spent on nothing.
  • One flat brand color behind text, always. No photos, no busy art, no scrims behind type (owner rule, restated three times by 2026-08-07). The one sanctioned texture is the kit's own faint line art at 18%, which reads as paper. Anything louder is neither picture nor ground.
  • Measure, do not trust. Type size, safe box, text-on-text overlap, contrast and card containment are all checked at build time, on every board, not on the one board someone worried about.
  • A correction becomes a gate. Every word or fact Megan retires goes into retired_wording.json and is checked against every surface that ships. Remembering is not a mechanism.

Don't

  • Scope a gate to one artifact. It reports green for the whole family.
  • Set a fixed row height on a table. Two match tables printed color names on top of the row below that way, independently.
  • Let a container size to its widest child. After a type lift that stops being the picture and starts being the caption.
  • Crop a 2000 px board for a different surface. Re-render at the target size. And never crop into text to fill a frame: cropping makes the type bigger, so what looked like a fix was the board getting worse.
  • Say an image reads well without running publish-check on it.
  • Cap a card's height. Eight max-height rules quietly clipped their own cards as the copy grew inside them.
  • Find-and-replace across a sentence built from two joined strings. One did exactly half a sentence and left the retired half on a live board.
  • Give a wording rule an exemption so a variable name can keep the word. Rename the variable.

do & don't

Do

  • Keep "hello" raspberry and "paint" plum ink.
  • Lead layouts with cream so the brights pop.
  • Use the one-color smile for stickers and labels.
  • Pair the snapshot logo with a real before & after.
  • Give every mark its clear space.

Don't

  • Add orange or terracotta anywhere.
  • Capitalize or close up the wordmark.
  • Add gradients, shadows, or arcade styling.
  • Set body text in bright raspberry or teal.
  • Stretch, rotate, or recolor the marks.
The redesign: an earlier waving-hand mark was replaced with the simple smile above, and the before-and-after logo now reads 1 · 2 · 3 with the sun sitting in the same spot in both the photo and the numbered halves. Everything else (palette, type, and the no-orange rule) is unchanged.

hello paint brand guide · marks are original vector art · type is Fraunces & Nunito Sans (free Google Fonts) · the palette avoids orange on purpose, so the brand reads as human-made.