Free finance
calculators that
don’t suck.

Mobile-first, no signup, no email capture. Built for working salaried professionals — globally. v1 launches in India. The design system below scales to every market.

Palette

Warm paper, deep warm ink, a single accent of burnt sienna. Sharp semantic positive / negative for financial outcomes. Consume tokens — never raw hex.

--color-paper

page background

--color-paper-deep

subtle surface / card

--color-paper-inset

inset surface / well

--color-ink

primary text

--color-ink-soft

secondary text

--color-ink-faint

meta / caption text

--color-rule

hairline borders

--color-accent

brand accent / single use

--color-accent-soft

accent-tinted callouts

--color-positive

gains / savings

--color-negative

losses / errors

Type system

Newsreader (variable, opsz axis 6–72) for display + numbers. IBM Plex Sans for body and UI. IBM Plex Mono for tabular data. Numbers are always tabular.

hero 5rem

Hero numeric

display 3.75rem

Display

h1 2.5rem

Heading 1

h2 1.875rem

Heading 2

h3 1.375rem

Heading 3

lead 1.125rem

Lead paragraph

body 1rem

Body copy

meta 0.8125rem

Meta text

caption 0.75rem

Caption

Aa Gg 0123

opsz · SOFT · wght

Aa Gg 0123

tabular numerals

Aa Gg 0123

used for raw numbers

Buttons

Three variants. Sharp 2px corners. Hairline borders. Hover transitions are short and snap.

As link

Form fields

Mobile-first: inputmode is always set for numeric fields, font-size locked at 16px to prevent iOS zoom on focus. Currency prefix is a slot — locale formatter decides the symbol, not the component.

Annual CTC

Basic salary

Monthly rent

Rent cannot exceed your basic salary.

Cards & surfaces

Bordered

Default. Hairline ink border on paper.

Subtle

Paper-deep, borderless. Quiet grouping.

Inset

Recessed well. For supporting info.

Flat + accent rule

Compose with accent borders for callouts.

The hero number

This is the entire reason brackt exists. Tabular Newsreader. Locale-aware. Never hard-coded. Always passed through formatCurrency() .

₹1,08,333

▲ ₹2,400 vs old regime

$4,250

▲ $180 vs alternative

₹25L

₹15L

12,34,567

locale	formatCurrency(1234567)	formatPercent(0.12)
en-IN	₹12,34,567	12.0%
en-US	$1,234,567	12.0%
en-GB	£1,234,567	12.0%

Horizontal rules

Hairlines are how this design system creates hierarchy — never shadows.

Free financecalculators thatdon’t suck.

Palette

Type system

Buttons

Form fields

Cards & surfaces

Bordered

Subtle

Inset

Flat + accent rule

The hero number

Horizontal rules

Free finance
calculators that
don’t suck.