Snappy is quick, easy, and a little bit fun - a moment shared the second it happens. That's the whole product: you don't stage a post for strangers, you fire off the real thing to the people who actually matter, right when it's happening.
It's already how people talk about it
“Make it snappy.” “Send me a quick snap of it.” The word already means fast, effortless, and a little playful in everyday English - Snappy just gives that feeling a home.
Where Snappy lives
Marketing site at snappy.dimitristerzz.dev, the app itself at app.snappy.dimitristerzz.dev. Brand questions go todterzidis2008@gmail.com.
Chapter 02
Brand story
Snappy keeps you connected with the people who matter - every day, not just the highlight reel.
Most social apps quietly turned into stages: follower counts, engagement graphs, strangers scrolling past your life. The stuff that actually matters - a cursed selfie, a 2am thought, a moment that only means something because they were there - doesn't need an audience. It needs your people: the specific, closed set of friends you'd actually want to see it.
Positioning statement
Snappy is the everyday companion for staying close to the people who matter - sharing moments with your people instead of performing for everyone else's.
Chapter 03
Brand personality
Archetype: the reliable friend - warm and a little playful, never performing for a room.
Playful
Serious
Warm
Cool
Loud
Quiet
Casual
Formal
Inside-joke
Mass-market
Snappy is playful, warm, and quietly confident - never mean, never cringe-chasing, never corporate-pretending-to-be-casual. The personality lives in color, type, and motion; the words stay short and effortless. When in doubt: would a good friend text it that way? If they'd have to try hard, cut it.
Chapter 04
Brand voice
Write like a friend texting, not a brand posting. Three rules: short, second-person, zero corporate filler.
Talk to one person. “Your people miss you,” never “Users can reconnect with their networks.”
Verbs over nouns. “Share it” beats “Post content.” Say what happens, not what the system did.
Lowercase is the default register in product UI and social; sentence case in legal, safety, and parent-facing copy. Safety and privacy copy is always plain and unfunny - trust is not a bit.
No forced slang. Slang ages in weeks; rhythm doesn't. Short sentences and good timing read genuine for years.
Copy in practice
Do — push notification
maya shared something with you
Name, verb, done. Curiosity does the rest.
Don’t
You have a new notification from Maya!
Reads like email. Exclamation mark is doing unpaid overtime.
Do — empty state
nothing here yet - share something first
Turns emptiness into a nudge to act.
Don’t
No content available. Add friends to get started!
Blames the user and sells nothing.
Do — error
that didn’t send. check your connection and hit retry - we saved it for you
What happened, what to do, what we already did.
Don’t
Oops! Something went wrong 😅
Apology-shrug with no information. Never “oops.”
Chapter 05
Tagline
“Your everyday companion.”
The primary tagline is what already ships in the app's own metadata - it says plainly what Snappy is for, every day, without needing a gimmick.
Supporting lines
Line
Use where
Share it while it’s happening.
App Store subtitle, onboarding
For the people who matter.
Positioning / press
Keep them close.
Invite flows, feature launches
Chapter 06
Logo
The identity is purely typographic. Two assets: the wordmark - lowercase snappy, set flat - and the monogram: the first letter and a period. s. Short, ownable, and instantly legible at any size.
l.
Monogram on the gradient - avatars, hero moments
l.
Monogram on Petal Cream - the dot is Hot Pink on light grounds
snappy
Wordmark on Petal Cream - solid Berry Ink, no gradient
l.
Monogram on Berry - the dot shifts to Powder Pink on dark grounds
Construction & rules
The monogram is two glyphs, always: lowercase l, then a period on the baseline. The dot never disappears.
Dot color is the system: Hot Pink on light grounds, Powder Pink on Berry, Berry Ink on the gradient. The l takes the ground’s ink; the dot is never the same color as the l.
Clearspace equals the dot: keep a margin the width of the period on all sides. Both marks are set in Snappy Title and scale losslessly - no alternate cuts needed.
Never: outline, shadow, italicize, or rotate the marks; never recolor outside the palette.
Chapter 07
Color palette
Pink, and lighter pink - one hot-to-bubblegum gradient on a petal-tinted cream with deep berry ink. Two stops on the same hue, no purple drift, no red drift. The gradient is the brand’s main asset: treat it like a logo, not a decoration.
the snappy gradient · #F0148E → #FF6BC1 · 105°
Hot Pink#F0148E · rgb(240 20 142)Gradient start; solid accents, active states
Bubblegum#FF6BC1 · rgb(255 107 193)Gradient end - the same pink, one notch lighter
Petal Cream#FFEBF5 · rgb(255 235 245)Core ground - warm, never stark white
Berry Ink#4A1034 · rgb(74 16 52)Ink: all text, dark panels, outlines
Powder Pink#FFA3D4 · rgb(255 163 212)The soft note: streaks, reactions, confetti, monogram dot on dark grounds
48
27
18
7
Usage ratio. The gradient works hard, but grounds stay Petal Cream and ink stays Berry.
Accessibility pairs
Combination
Contrast
Verdict
Berry Ink text on Petal Cream
11.6 : 1
Body text ✓
Magenta Ink #C0067E text on Petal Cream
5.1 : 1
Links & pink body accents ✓ - this is “text pink”, Hot Pink is “graphic pink”
White text on the gradient
2.7-4.3 : 1
Bold ≥18 px only, kept toward the darker half - buttons use the deeper #E00D84→#FF54B4 range; never small text
Hot Pink text on Petal Cream
3.9 : 1
Large text only - body pink uses Magenta Ink
Powder Pink on Berry Ink
8.1 : 1
Dark-panel accents ✓
Chapter 08
Typography
Two custom variable fonts, self-hosted and genuinely renamed at the font-binary level - this page is set in the real production faces, not a system approximation.
DisplaySnappy Title
Variable weight 400-800. Headlines and the wordmark - round, springy, confident.
TextSnappy Text
Variable weight 400-800. All UI and body copy. Neutral enough to disappear, round enough to feel friendly.
body / 16px / 400 / 1.6 line heightBody copy stays around 65 characters per line. Short paragraphs, no walls of text - if it takes more than two thumbs-lengths to read, cut it.
label / 12px / 600 / +14% tracking / uppercaseNew from your people
Chapter 09
Imagery style
Caught, not staged. Snappy imagery looks like the photo you’d actually send, not the photo you’d post.
Daylight and flash, real places. Kitchens, buses, parking lots, bedroom floors - bright, warm, sun-hit. Never studio seamless, never moody desaturation.
The reaction is the money shot. Heads together over a phone, a real laugh, someone mid-reply. If nobody in frame is actually connecting, ask why.
Groups over portraits. Default to 2-6 people mid-interaction. A single subject should be reacting to their phone, not posing for one.
Brand layer on top: photos get the l. monogram as a corner stamp. Never filter or duotone the photo itself.
No stock energy. If it could appear in a phone carrier ad, kill it.
Chapter 10
Iconography
Very rounded, abstract shapes rather than literal line-drawings - no sharp corners anywhere, forms simplified down to a soft blob that still reads instantly. Each icon has exactly two states: an outline at rest, and a solid fill when selected or active.
Every shape is a soft blob first, a recognizable object second - the house is a rounded pentagon, not a roofline; the chat bubble is a teardrop, not a rectangle with a tail.
Two states, no more: 2.2 px stroke outline at rest; the identical silhouette filled solid - Hot Pink on light and gradient grounds, Bubblegum on Berry - when selected or active.
24-32 px working grid, generous corner radii throughout, terminals always round. No icon in the set has a single 90° angle.
Chapter 11
UI design system
Light-first. Petal Cream ground, Berry ink, white cards, and exactly one gradient action per screen. Buttons are round pills.
9:41•••
loop
you
MA
JD
KP
TS
+7
maya shared something2m · camp friends
jamal reacted to your post18m
3-day streak with kirakeep it going before midnight
home
share
chats
Core tokens
Token
Value
--snappy-bg
#FFEBF5 (app) · cards #FFFFFF · dark theme #2B0A1F
--snappy-action
the gradient (#E00D84→#FF54B4 on buttons) - one per screen
--snappy-ink
#4A1034 - all text; pink text uses Magenta Ink #C0067E
min target 44×44 px; pressed state squashes to scale(1.04, .92)
Component rules
Snappy ring: avatars with something unseen get a 2.5 px Hot Pink ring; your own gets Powder Pink. Seen = 20% Berry.
Tab icons follow the outline/fill rule strictly: the active tab is the only filled icon on screen at any time.
Unread counts and streaks use tabular figures so numbers never jiggle as they tick up.
Chapter 12
App icon
The monogram on the gradient - a lowercase l and its period, centered. Because the mark is type, it scales losslessly from a 1024 px store listing to a 16 px favicon. The app’s currently shipping icon is the existing mark shown on the home page; this is the monogram system this guide recommends going forward.
l.
l.
l.
The l sits optically centered - nudged slightly left so the period doesn’t unbalance the mark.
Android adaptive icon: same composition, monogram at 60% of the safe zone. Dark-mode themed icon: monogram outline in system tint.
Seasonal variants may recolor the dot only - the l never changes.
Chapter 13
Motion style
One law: everything enters with a little life in it - a small overshoot, never a flat cut. Presses squash; exits are quick and quiet.
Tap to replay the standard entry: 380 ms scale-up from 60% with a slight overshoot before settling.
Named curves
Name
Spec
Used for
Arrive
cubic-bezier(.34,1.56,.64,1) · 320-380ms
New content entering: cards, incoming posts, sheets
Leave
cubic-bezier(.3,0,.7,1) · 140-180ms
Exits, dismissals, tab crossfades
Cascade
Arrive + 40ms stagger per item
Lists and the avatar row
Squash
scale(1.04,.92) on press · 120ms out
Every tap target; also plays when an icon switches outline → fill
Nothing snaps forever except a streak flame’s idle flicker; ambient animation is a battery tax.
Respect reduced-motion: swap all movement for a 120 ms opacity fade. Non-negotiable.
Chapter 14
Social media style
Snappy’s social presence acts like one of your people, not the platform above them. It never posts as a corporation.
Format · drop
snappy is live on the app store
Format · prompt
share the last pic in your camera roll. no scrolling.
Format · receipts
“make it snappy” - sent in seconds, daily
System
Element
Rule
Grid style
Alternate gradient, Petal Cream, and Berry grounds - never two same-ground posts adjacent; the l. monogram signs at least every third post
Tone
Replies punch up or inward, never at users. No trend-chasing more than 48h old.
Video
Vertical, captions always on, first frame contains the l. monogram or the wordmark
Chapter 15
Merch & packaging
The mark is a letter, so the merch is typographic: heavyweight embroidery, gloss enamel, clean prints. Everything is built from the wordmark, the monogram, and the gradient.
l.make it snappy.loopkeep it snappy
Sticker sheet ships the monogram and the phrase pills with a gloss-dome finish - laptop-and-water-bottle scale, no fine detail.
Apparel: Petal Cream or Berry garments, small chest l. monogram, oversized wordmark across the back. Gradient prints as a two-color split-fountain.
Never print the phone UI on merch; merch carries the marks and the language, not screenshots.
Chapter 16
Marketing materials
App Store
Name: Snappy - your everyday companion. Subtitle: Share it while it’s happening.
Screenshots: each frame signed with the s. monogram in the corner. Petal Cream ground, one rounded caption chip per frame.
Launch campaign
OOH posters: Petal Cream ground, giant Berry headline, signed with the s. monogram in the corner. One short URL: snappy.dimitristerzz.dev.
Creator brief: “film the moment, not the feed” - reaction-first content that shows real people, never a follower count.
Chapter 17
Usage rules - the short version
Always
· The l. monogram as the mark - lowercase l, dot always present
· Icons: rounded outline at rest, solid fill on selected - never in between
· Petal Cream grounds, Berry ink, one gradient action per screen
· Gradient at 105°, two stops, pink to lighter pink - nothing else
· Snappy Title for headings, Snappy Text for everything else
Never
· A monogram without its dot; outlined, shadowed, or italicized marks
· Sharp corners or 90° angles anywhere in the icon set
· Purple or red drift in the gradient - both stops stay on the pink hue
· Stark white grounds - the light ground is always Petal Cream
· Corporate voice, “oops”, jokes in safety/legal copy, public follower counts
Social media style
Snappy’s social presence acts like one of your people, not the platform above them. It never posts as a corporation.
snappy is live
on the app store
share the last pic in your camera roll. no scrolling.
“make it snappy” - sent in seconds, daily
System