Skip to content

Brand system · v1.0

Just Brand Guidelines

A system for building simple, focused apps. One app. One purpose. No clutter.

01 · Principles

What the brand stands for.

Four ideas that every Just app — and everything around it — should follow.

01

Simplicity over features

Each app solves one thing. We'd rather ship less than add noise.

02

Speed over complexity

Logging should take seconds. If it's slow, it's wrong.

03

Clarity over cleverness

Plain language, obvious layouts, readable numbers.

04

Consistency over novelty

Every new Just app inherits the same system, unchanged.

02 · Logo system

One parent mark, one icon per app.

JustSomething is the parent brand. Each app icon shares the same rounded-square base and a single symbol.

JustSomething
Parent wordmark
Set as text. Weight 600, tight tracking. "Something" rendered in the muted ink token.
Just BP icon
Just BP
Just Weight icon
Just Weight
Just Glucose icon
Just Glucose
App icons
Shared base shape, single accent
Do
  • Keep the rounded-square base shape for every app icon.
  • Use a single bold symbol, centred.
  • Use the app's assigned accent colour and nothing else.
Don't
  • Do not distort, rotate, or recolour the parent mark.
  • Do not change the proportions of the app icon base.
  • Do not mix icon styles or stack multiple symbols.
03 · Colour

Neutral canvas, accent per app.

The site runs on a quiet neutral palette. Accent colour is owned by each app and used sparingly.

Neutrals
bg-paper
Paper#FBFBFD
text-ink
Ink#0B0F17
text-ink-muted
Ink Muted#5B6473
App accents
accent-bp
Just BP · Red#E1485A
accent-weight
Just Weight · Green#2FA36B
accent-glucose
Just Glucose · Blue#3A7BD5

Each app owns a single accent colour. Accents never mix on the same surface. New apps pick a new accent from a calm, mature palette.

04 · Typography

One family. Clear hierarchy.

The primary typeface is a modern system sans-serif. No decorative faces, no multiple families.

Display
Simple health tracking, without the clutter.
text-4xl → text-6xl · font-semibold · tracking-tight
Heading
One focused app for each thing you want to track.
text-3xl/text-4xl · font-semibold · tracking-tight
Body

Health tracking should take seconds, not minutes. Each Just app focuses on a single measurement so logging feels effortless.

text-base · text-ink
Muted

Supporting copy, metadata, and captions use the muted tone so the primary ink stays reserved for headings and key content.

text-sm · text-ink-muted
Eyebrow
Section label
05 · Iconography

Simple, bold, recognisable.

Icons use one clear symbol per app. No thin strokes. No decorative detail. No gradients inside the symbol itself.

Just BP icon
Just BP
Heart with a simple pulse line.
Just Weight icon
Just Weight
Bathroom scale, front-on.
Just Glucose icon
Just Glucose
A single droplet with a highlight.
06 · Layout & spacing

Generous whitespace. Strict rhythm.

A single spacing scale controls every gap, padding, and section rhythm on the site.

Spacing scale
4
4px
8
8px
16
16px
24
24px
32
32px
48
48px
64
64px
Radius
lg
xl
2xl
3xl
full
07 · Components

Quiet surfaces. Clear actions.

A small set of component styles is reused everywhere. Shadows and depth are used only when they earn it.

Buttons
Card
Card title
Rounded 2xl, hairline border, one soft shadow.
08 · Tone of voice

Direct. Calm. Concise.

We write the way the apps feel. No marketing fluff, no jargon, no exclamation marks.

Do
  • Use plain English. Short sentences.
  • State what the app does, then stop.
  • Respect the reader's time.
  • UK/SA English spelling.
Don't
  • Don't use hype words like 'revolutionary' or 'seamless'.
  • Don't make health claims.
  • Don't over-promise or invent urgency.
  • Don't write in corporate voice.
09 · Naming

"Just + [Category]"

Every app in the family follows one naming rule. No exceptions, no sub-brands.

Just + <Category>
Shipping
  • Just BP
  • Just Weight
  • Just Glucose
In the pipeline
  • Just Move
  • Just Read

Names are always two words: the word Just followed by a single noun category. No taglines, no version suffixes, no colour or edition variants.

10 · Extending the system

Adding a new Just app.

The system is designed so a new app slots in without a redesign.

  1. 1
    Pick a single category noun and name the app 'Just <Category>'.
  2. 2
    Assign one accent colour from a calm, mature palette. It must not clash with an existing app.
  3. 3
    Draw one bold symbol on the shared rounded-square base. No second symbol, no gradients inside the glyph.
  4. 4
    Add an entry to lib/apps.ts with name, tagline, description, accent, status, and icon path.
  5. 5
    Ship the icon PNG into public/icons/<slug>.png. The homepage and /apps page will pick it up automatically.