Re:Call
Brand book · Nocturne · v1.0

Calm dark surfaces, the logo's greens, and one thing glowing. Like studying under a desk lamp at night.

02 · Wordmark

Drawn in its own pixel font

The name is built from the logo's tiles: 70 rounded pixels on a 7-pixel-tall grid. The letters are plain text; the colon is the only lit part. Click the colon below 7 times.

7 px
letter height, in grid pixels
20%
pixel corner radius
3.5%
pixel inset (the thin gap)
1 px
space between letters
2 px
minimum clear space
Wordmark on dark
wordmark-on-dark.svg

Letters text, colon glow-core with a glow halo. The default.

Wordmark on white
wordmark-on-light.svg

For printouts only: charcoal letters, forest colon, no glow.

  • Lock up as in the app's sidebar: mark first, a little taller than the wordmark, a small gap between.
  • Never retype the wordmark in a normal font, recolour the letters, light any pixel other than the colon, or stretch it.
  • In sentences, the name is just text: Re:Call.
03 · Name

Re:Call, with the colon

Like "re: call" in an email: a reminder about something you already had. File names can't hold a colon, so they use a hyphen.

Re:CallEverything people read
Re-CallFolders and installers: "Re-Call v1.0 (Mac).dmg"
ReCallThe app file: ReCall.app, ReCall.exe
RecallLoses the idea
RE:CALLShouting
Re: CallNo space

Code still uses the first name, SpacedRep (bundle ID, data folder). Keep it out of anything users see.

04 · Colour

Nocturne

Dark surfaces most of the time, the logo's greens for whatever needs you, and accents only where they mean something. Click any swatch to copy its hex.

≈75% surfaces
15% greens
10%

Brand, from the logo (never replaced)

Surfaces and text

Accents, each with a job

Subjects
PhysicsChemistryMathsEnglishPhysical EducationAIAnything else

Always show the name with the dot: some pairs look alike to colour-blind eyes.

Status and charts
Due now Due 6:30 pm Overdue 2d Done next in 4d Skipped 3×

Charts: remembered glow · forgot coral · skipped lavender, chosen to stay readable for colour-blind eyes.

05 · Type

One family, Mac sizes

SF Pro on Mac, Inter on Windows and the web. They look almost the same. The app uses the small macOS sizes below; docs and posts may add a display face for big headlines.

  • Sentence case everywhere. Only names get Title Case: the six screens and "Add Topic".
  • Numbers that line up use tabular figures.
  • Units stay short: 1h, 4d, 6.5h, 20m.
06 · Components

The pieces the app is made of

Recreated from the app's own stylesheet. One primary green button per screen; everything else stays quiet.

About Re:Call
Electromagnetic Induction
Physics · Ch 6 · Faraday's law → AC generator
Overdue 1d
Solutions
Chemistry · Ch 1 · Raoult's law → Colligative properties
Due now
AgainForgot itnext: 1h
HardStrugglednext: 13d
GoodRememberednext: 17d
EasyInstantnext: 26d
7.5h
4.8h
6.3h
0h
2.5h
today
3
Quick searchEaster eggs
Shapes

Buttons 6px, fields 8px, sidebar rows 9px, cards 14px, sidebar 18px, pills fully round.

Icons

SF Symbols on Mac, Lucide on Windows. Thin line icons, 14–16px, muted or glow when selected.

Emoji

Only three places: the intensity levels 😌 🙂 💪 🔥 💀, the morning "📚 Today" notification, and the 🔥 streak.

07 · Voice

A calm friend who's good at studying

Short sentences, plain words, "you". Numbers instead of adjectives. Honest, never preachy, no hype and no guilt.

SAY✗ Not today — move to tomorrow
NOTPostpone this review session?
SAY2 trouble topics — forgotten 4+ times. Revising isn't enough; re-study them properly.
NOTOops! Looks like you're struggling 😅 Keep going!!
SAY101 days until the exam (10 Feb 2027)
NOTYour exam is coming up soon, don't break your streak!
SAYYour current data is saved to the backups folder first.
NOTAre you sure? This action may have consequences.

Use the student's words: topic, chapter, revise, study time, exam, remember. Not card, deck, review session or retention. The one joke is Brutal's "No mercy."

08 · Imagery

Show the real app, full of real study

Screens with realistic data (real subjects and chapter names), framed with a 1px border and rounded corners. No stock photos, mascots or 3D art.

Today screen
Today, mid-morning.
Stats screen with a glowing grid
Stats: the glowing grid is the most "Re:Call" picture there is.
About window easter egg
About, mid-easter-egg.
09 · Signature

Made by a person

Re:Call is signed. Ishan Pratap Singh's signature writes itself in the About window, tinted glow. The sidebar credit reads "Made by Ishan Pratap Singh"; Instagram is @ishan.sgh.

Designed & built by Ishan Pratap Singh