Brand kit
This is North.
The design language behind Claimable: pine and mint, Sora and Albert Sans, calm surfaces and earned green. Everything you need to represent the brand correctly lives on this page, and all of it is free to use when you write about or link to Claimable.
Total deductions
$12,847.50
Foundations
Three things, in this order.
Claimable handles real money with real CRA consequences. Every surface, color, and sentence communicates these three things.
Competence
Your numbers are right. CRA line items, GST/HST math, CCA classes, all handled correctly. The brand never trades precision for charm.
Calm
Taxes are stressful, the tool is not. No alarm colors, no clutter, no gamification. Whitespace is the main elevation tool.
Reward
Deductions are money you keep. Found money should feel quietly satisfying, which is why the deductible amount is always the green number.
Wordmark
Claimable, then a period.
The wordmark is set in Sora, sentence case, tight tracking. The terminal period is part of the wordmark: it appears in every lockup, header, and title, and is never dropped. In running copy mid-sentence the name stays plain, so sentences keep their grammar.
Ink on light surfaces, white on pine. Those are the only two renderings.
Claimable.
Never letterspace the wordmark.
Claimable.
Never set it in the accent color. Ink or white only.
Claimable
Never drop the terminal period from a lockup.
Claimable.
Never outline it.
Mark
The mint square.
A glowing mint square on deep pine. It is the app icon, the favicon, and the avatar everywhere Claimable shows up. Use it as shipped: never recolor it, never crop the glow tighter than the source file, and never place it on a mint surface.
96px64px40px24pxClear space and minimum size
- Keep clear space of at least a quarter of the mark's width on all sides.
- The squircle is baked into the asset. Never re-mask, re-round, or crop it back to a square.
- Never render it below 16 px; the glow stops reading.
- Pair it with the wordmark at header scale, or let it stand alone as an avatar.
Color
Pine works, mint rewards.
Cool sage canvas, ink foreground, the mint accent anchored against deep pine surfaces. Pine is the workhorse on buttons and heroes; mint is strictly an accent. Click any swatch to copy its hex value.
Surfaces
Ink
Brand
Semantic
Green is earned.
Mint appears only on deductible amounts, positive deltas, success states, and small highlights. It never decorates and never fills a button or a large surface.
Ink for money.
Transaction amounts render in ink, not red. Spending is normal, not an error.
Amber for spending.
One warm accent for spending indicators and charts. It is never used for errors.
Red is reserved.
Red appears only on destructive actions and error states.
Typography
Three families, three jobs.
Sora carries headlines and every number. Albert Sans carries the interface and body copy. IBM Plex Mono is the code voice for CRA line numbers, badges, and letterspaced labels.
Aa
Sora
Display. Headlines, titles, and every number. SemiBold and Bold, tracking tightened.
Every dollar mapped to its CRA line.
$1,234.56
Aa
Albert Sans
UI and body. Everything else: paragraphs, labels, buttons, helper text. Regular through SemiBold.
Scan a receipt and Claimable reads the vendor, the total, and the GST/HST, then files it under the right T2125 line. You review, it remembers.
Aa
IBM Plex Mono
Code voice. CRA line numbers, hero labels, and badges, often letterspaced caps at small sizes.
Numbers are the loudest element
Financial amounts always use Canadian English currency formatting with tabular figures, so columns of money align digit for digit. Display numbers are the loudest element on any screen; nothing competes with the total.
new Intl.NumberFormat("en-CA", {
style: "currency",
currency: "CAD",
})$12,847.50
Voice
Confident, not chummy.
Plain language over tax jargon, but never dumbed down. Claimable uses the real terms and explains them in place.
Plain language, real terms
Use the real terms (T2125, ITC, CCA class 50) and explain them in place. Never dumbed down.
Class 50 computer equipment depreciates at 55% a year.
Your tech stuff loses value over time!
Confident, not chummy
State the benefit and stop. No exclamation marks doing the work.
Claimable on your next filing.
Cha-ching! You just saved big! 馃帀
Specific over generic
Error messages name the field, the rule, and the fix. A vague apology helps nobody.
GST/HST amount cannot exceed the expense total.
Something went wrong.
Commas, parentheses, periods
Long dashes never appear in Claimable copy. Break the sentence instead.
Deductions are money you keep, tracked all year.
Splicing two thoughts together with a long dash.
Assets
Take what you need.
Official files, ready to drop into an article, a directory listing, or an integration page. Please use them as shipped.
Mark, squircle
PNG 路 1024 脳 1024 路 transparent corners
The primary mark, squircle baked in. The default choice for articles, listings, and UI.
Download icon-squircle.png
Mark, squircle small
PNG 路 64 脳 64 路 transparent corners
Pre-sized for favicons, avatars, and tight UI chrome.
Download icon-squircle-64.png
App icon, full bleed
JPEG 路 1024 脳 1024 路 square
The unmasked source, for app stores and any platform that applies its own corner mask.
Download icon.jpg
Need a different format, or unsure whether a use fits these guidelines? Write to [email protected]. Claimable is not affiliated with the Canada Revenue Agency, and the brand should never imply otherwise.