Guidelines

The shared language for everything we make — extracted from the shipped product. If your content matches this page, it looks and sounds like it came from the same hands as the app.

1What Veinote is

Veinote is the home of human songwriting. No AI-generated songs — you create them, you own them.

The promise: the complete songwriting journey — from first lyric idea to finished song. The four pillars, always in this order: Learn. Create. Practice. Connect.

  • “The home of human songwriting” — the tagline.
  • “No AI-generated songs. You create them. You own them.” — the stance.
  • “The complete songwriting journey.” — the promise.
  • “Designed by humans with love, in Stockholm.” — the sign-off.

2Logo — downloads & usage

The Veinote wordmark is a hand-drawn italic script — the brand’s most expressive asset. It never gets redrawn, stretched, or set in a font.

Wordmark — ink
Wordmark — ink
The primary logo. For paper and any light background.
Wordmark — white
Wordmark — white
For photography and dark grounds.
Serif lockup ™
Serif lockup ™
The large display lockup, as used in the site footer.
Icon
Icon
Avatars, favicons, and app-icon contexts.
  • Ink (#363636) on light backgrounds; white on photography or dark grounds.
  • Never on the brand green, never in the brand green.
  • Clear space: at least the height of the “V” on all sides.
  • No taglines inside the lockup, no shadows or outlines, no rotation.

3Color

Warm paper and ink with one green voice. Backgrounds are always warm neutrals — never pure white, never cold gray. Green is for action; lime is for moments of energy, used sparingly.

Core palette

Paper
Marketing background. The brand's ground.
Ink
Headlines, body, logo on light.
Veinote Green
CTAs and brand accent. Reserved for action.
Lime
Energy moments — urgency, highlights, tags.

Accent palette — the blob collage

Decorative colors for illustration shapes, social tiles, and backgrounds behind short statements. Text on a blob is always ink, often slightly rotated; shapes stay organic. Use several together.

Periwinkle
Veinote Green
Cream
Blossom Pink
Sage
Warm Gray
Lime

Supporting surfaces

App Paper
Product background (lighter than marketing paper).
Sage Paper
Q&A / calm sections.
Stone Green
Feature sections.
Footer Moss
Footer, closing sections.
Gold
Premium accents.
Press Green
Only as the primary button's offset shadow.

The reserved quartet

Four colors are permanently reserved for the four creative categories in the product. Content about these topics uses the matching color — never swapped.

Chords
#86BE7F
Lyrics
#8EC9F0
Melody
#B79DF0
Vibe
#F0A8C9
  • Text on green is always dark ink — never white.
  • Green never becomes a background for long text; it’s a button, a line, a dot.
  • Roughly 80% warm neutral surfaces, 15% ink, 5% green/lime/accents combined.

4Typography — two voices

Inter (300–700) is the product’s voice — interface, headlines, body. Fraunces is the songwriter’s voice — reserved for lyrics, and only lyrics.

The complete songwriting journey.
Display — Inter Light + Bold emphasis · tracking −2% · sentence case
I stayed too long in something
that was over
Lyrics — Fraunces Medium · tracking −3.5% · soft stone ink · centered
  • Whenever a lyric is quoted — social post, video overlay, ad — it’s set in Fraunces. Everything around it stays in Inter. The serif/sans contrast is the signal “this is a lyric.”
  • Fraunces is never used for UI, headlines, or marketing display type.
  • Sentence case everywhere. No all-caps, no Title Case Headlines.
  • Emphasis inside a headline is a weight change, not a color change.

5UI & graphic language

Soft, generous, unhurried. The canonical primary button is the onboarding “Next” — try pressing it:

  • Full-round pill, green fill, bold dark ink text (never white), and the solid 5px offset shadow in Press Green #5F9857. On press it travels down and the shadow collapses — it pushes in, like a key on an instrument.
  • One green button per view — green is the color of the one thing to press.
  • Secondary actions recede: translucent white circles or plain text. Never solid black buttons.
  • Primary buttons are never disabled — pressing an incomplete one shakes and explains.
  • Action pills are full-round; inputs 12–16px radius; cards and media 24–36px.
  • Illustrations are organic blobs and hand-drawn linework — no isometric 3D, no stock-flat people, no emoji as design elements.

6Voice & tone

Veinote sounds like a trusted co-writer: warm, direct, craft-obsessed, allergic to hype. Short declarative sentences carry the biggest ideas.

Sounds like us
  • “You create them. You own them.”
  • “Finish ugly, then fix it.”
  • “Only 13 spots left before early access closes.”
Doesn’t sound like us
  • “Unlock your creative potential with our revolutionary platform! 🚀”
  • “LIMITED TIME OFFER — ACT NOW!!!”
  • “Leverage our best-in-class solution.”
  • Talk to one songwriter (“you”) — never to “creators” or “users”.
  • We say “Q&A”, not “FAQ”; “waiting list”, not “waitlist” in prose.
  • We never mock people who use AI — we celebrate people who don’t.
  • Credentials are evidence, not adjectives: platinum records, 250+ released songs.

7Languages

  • Everything ships in English, Norwegian, and Swedish — and the Nordic versions must read native, never translated.
  • Norwegian: “låtskriving”, imperative “Lag” (never “Skap”). Swedish: “låtskrivande”.
  • The product term “canvas” stays “canvas” in all three languages.
  • Norwegian content lives under /no/, Swedish under /sv/ — Nordic social posts link there.

Living document — it changes when the product does. Questions this page doesn’t answer: get in touch and we’ll add the answer here.

Designed by humans with love, in Stockholm.