Paper
The page we start from.
For the moments worth keeping
The JournalPlus
brand kit.
The familiar cobalt spine, tangerine cover and turned page. The same Icon Composer identity you see in the native app.
Download the brand kitOfficial icon, editable Icon Composer source, favicons, palette, CSS tokens and usage notes. November 2026.
A little reflection. A bigger picture.01 · The app icon
The journal you recognize.
Use the official Classic icon on its own in small spaces, or beside the JournalPlus name. Keep the spelling together, with a capital J and P.
JournalPlus.On PaperJournalPlus.On InkSmall by design.
The favicon uses the same Classic Icon Composer export. Use the supplied size exports for browser tabs and home-screen shortcuts.
02 · Color
Paper, ink, a spark.
Website palette: warm neutrals give the words room. Orange and purple add emphasis. Click a color to copy its HEX value.
Ink
Words with something to say.
Orange
A little energy, used sparingly.
Purple
A thread through the bigger picture.
Muted
Supporting words and quiet details.
Line
A gentle structure.
Use Ink for body text on Paper and Purple for links. Reserve Orange for accents and larger graphic elements; use Ink for text on Orange. Check contrast in the final layout.
03 · Type & voice
Clear words. A human touch.
System sans-serif
Make room
for your year.
Native system type for headings, body and interface. Use weight and spacing to create hierarchy.
-apple-system, BlinkMacSystemFont,
'Segoe UI', sans-serifGeorgia italic
A little reflection.
A bigger picture.
An occasional editorial accent. Keep longer reading passages in the system sans-serif.
Georgia, serif · italicThe exact system font varies by device. No font files are bundled or required.
Warm, clear and specific.
Respect partial progress. Make room for ordinary days. Describe patterns as observations, and invite people to return to their own records.
“Choose which routines to keep or change.”
04 · Take it with you
Assets, ready to use.
Classic app iconIcon Composer export · 1024 × 1024 PNGWebsite icon512 × 512 PNGBrowser favicon16 / 32 / 48 px ICOHome-screen icon180 × 180 PNGIcon Composer sourceOriginal layered .icon document · ZIPColor paletteHEX values · JSONDesign tokensColors + font stacks · CSS
Give it room.
Leave at least one quarter of the mark’s width clear on each side. Use the standalone mark at 24 px or larger in page layouts; the favicon exports cover smaller browser uses.
Keep it recognizable.
Preserve the proportions and original colors. Use a quiet background. Keep the mark upright and free of extra effects.
Use it to identify JournalPlus.
These exports come from the native app’s Icon Composer document. The kit includes its editable source. This kit does not grant permission to imply a partnership or endorsement. For press or usage questions, email email@journalplus.app.