Style guide

Montra design system

Colour styles, text styles and components used across this template. Edit a style once and every page updates.

Colour styles

Colours

Surface/Ink

#02080A

Surface/Base

#061417

Surface/Raised

#0A1E22

Surface/High

#10292E

Surface/Glass

rgba 8 24 28 / 78%

Surface/Tint

rgba 140 230 225 / 5%

Text/Primary

#EAF6F5

Text/Secondary

#A2BAB8

Text/Muted

#7F9998

Text/On Brand

#02201C

Line/Subtle

8% teal line

Line/Default

15% teal line

Line/Strong

32% teal line

Brand/Teal

#2DE2C9

Brand/Cyan

#5BC8FF

Brand/Aqua

#00E2EE

Brand/Teal Soft

12% teal

Status/Amber

#F4C76B

Status/Red

#FF7A7A

Text styles

Typography

Sora for headings and UI, Inter for body copy and JetBrains Mono for code. Every style has desktop, tablet and phone sizes.

Display/Hero

Display/Hero

Pay across Africa in seconds

Display/Page

Display/Page

Business accounts

Heading/Section

Heading/Section

One account for every currency

Heading/Large

Heading/Large

Pay overseas suppliers same day

Heading/Card

Heading/Card

Balances in seven currencies

Display/Stat

Display/Stat

$2.4B

Heading/Figure

Heading/Figure

₦17,489,460

Body/Lead

Body/Lead

Every quote starts from the mid-market rate.

Body/Base

Body/Base

Hold money where you’ll spend it. Convert only when the rate suits you.

Body/Small

Body/Small

Approval rules stop anything over your limit leaving.

Label/Eyebrow

Label/Eyebrow

Multi-currency accounts

Label/Meta

Label/Meta

Mombasa Cold Chain

Label/Caption

Label/Caption

Example rates for illustration

Code/Block

Code/Block

await montra.payouts.create()

Components

Buttons and components

Buttons have hover and pressed states. The quote card, pricing toggle, FAQ items and nav switch variants on click, with no code.

FAQ item, open

Click the question row to switch between the Open and Closed variants.

FAQ item, closed

Send money

Example rate

GBP → NGN

USD → KES

EUR → GHS

ZAR → NGN

You send

€10,000.00

EUR

They receive

GH₵131,170

GHS

Rate

1 EUR = 13.17 GHS

Montra fee

€40.00 (0.4%)

Arrives

About a minute

With Montra

About a minute

Fee €40

Typical bank wire

2 to 4 business days

Fees and margin €380

Your supplier gets GH₵4,480 more than with a typical bank wire.

Example rates for illustration, not a live quote. Typical bank assumes a 3.5% margin plus a $35 wire fee.

Monthly

Yearly

2 months free

Starter

$0

a month

Free forever

For teams sending their first cross-border payments.

0.6% on conversions

Accounts in 7 currencies

Up to 3 team members

Single payouts

Email support

Growth

Most teams pick this

$149

a month

Billed monthly

For businesses paying suppliers and staff every week.

0.4% on conversions

24-hour rate locks

Bulk payouts and payroll

Approval rules

Accounting sync

Unlimited team members

Enterprise

Custom

For $5M+ a month

For platforms and groups moving over $5M a month.

Volume-based FX pricing

Full API and webhooks

Multi-entity treasury

Dedicated account manager

99.95% uptime commitment

Create a free website with Framer, the website builder loved by startups, designers and agencies.