Brand

Logo & brand

The mark is a calendar holding a heart – the whole product in one shape. It pairs with a rounded wordmark in the brand navy, with the heart and binder rings in warm brown. These files are the ones the app ships; anything else floating around is a draft.

The set

PlanJolly logo – calendar-heart mark and wordmark
The logo – mark + wordmark, as on the app’s welcome screen
PlanJolly calendar-heart mark
The mark – also the app-icon artwork
PlanJolly app icon
The app icon as shipped

On navy

The hero calendar-heart illustration on navy
On navy, the brand is carried by the hero calendar-heart illustration – white and gold, drawn for the app’s hero banners. The logo mark itself never sits on navy.

The editorial accent

The intro screen’s headline – the brand’s most important out-call – carries its final word in terracotta, set in Noto Serif Medium against the bold navy. The app calls this the “Joyfully” accent.

Plan Your Forever,
Joyfully.

Token: editorialAccent (#8c4a20). It shares a hex with the photography category but is a separate token – a type accent, never a chip colour.

Dos and don’ts

Do
Use the logo on cream, white or the warm peach hero surfaces – the navy and brown are tuned for light backgrounds. Give it clear space at least the height of its heart on all sides.
Don’t
Place the mark on navy. It is near-navy itself and disappears. On navy, use the hero calendar-heart illustration instead – that is what the app does.
Do
Use the full logo down to navigation size (about 30px tall); below that, the mark alone.
Don’t
Recolour, stretch, rotate or crop any variant, set the wordmark in another face – or AI-generate a “version” of the logo or mascot.

Buttons

Continue Continue

The primary button is the brand in miniature: navy gradient, pill shape, sentence case, no border – lifted by shadow alone.