Utility
01
Colors
Every swatch is a Framer Color Style. Edit it once in Assets and it updates across the site.
Backgrounds
Graphite
/Background/Graphite · #0C0E10
Elevated
/Background/Elevated · #212223
Footer
/Background/Footer · #080809
Offwhite
/Background/Offwhite · #F2F2EC
Brand
Lime
/Brand/Lime · #C6F26B
Text
White
/Text/White · #FFFFFF
Body
/Text/Body · White 65%
Muted
/Text/Muted · White 55%
Faint
/Text/Faint · White 45%
Ink
/Text/Ink · #0C0E10
Borders
Subtle
/Border/Subtle · White 10%
Card
/Border/Card · White 12%
Medium
/Border/Medium · White 16%
Strong
/Border/Strong · White 22%
Bright
/Border/Bright · White 40%
Button
/Border/Button · White 35%
Lime
/Border/Lime · Lime 50%
02
Typography
Manrope across 37 Framer Text Styles, including tablet and mobile sizes.
Heading/Display
Manrope 600 · 84 / 98% / -4%
Finance without the friction
Heading/Display Muted
Manrope 600 · 84 / 98% / -4%
Finance without the friction
Heading/H1
Manrope 600 · 64 / 102% / -4%
Finance without the friction
Heading/H1 Lime
Manrope 600 · 64 / 102% / -4%
Finance without the friction
Heading/H1 Faint
Manrope 600 · 64 / 102% / -4%
Finance without the friction
Heading/H2
Manrope 600 · 56 / 104% / -4%
Finance without the friction
Heading/H2 Lime
Manrope 600 · 56 / 104% / -4%
Finance without the friction
Heading/H3
Manrope 600 · 44 / 110% / -4%
Finance without the friction
Heading/H3 Lime
Manrope 600 · 44 / 110% / -4%
Finance without the friction
Heading/H4
Manrope 600 · 28 / 120% / -3%
Finance without the friction
Heading/H4 Lime
Manrope 600 · 28 / 120% / -3%
Finance without the friction
Heading/H5
Manrope 600 · 22 / 136% / -2%
Finance without the friction
Heading/H6
Manrope 600 · 18 / 136% / -1.5%
Finance without the friction
Heading/Tablet/Quote Center
Manrope 600 · 30 / 128%
Built for teams that move fast
Heading/Tablet/Quote Lime Center
Manrope 600 · 30 / 128%
Built for teams that move fast
Heading/Mobile/H1 Center
Manrope 600 · 34 / 104%
Finance without the friction
Heading/Mobile/H1 Lime Center
Manrope 600 · 34 / 104%
Finance without the friction
Heading/Mobile/H1 Faint Center
Manrope 600 · 34 / 104%
Finance without the friction
Heading/Mobile/Quote Center
Manrope 600 · 26 / 128%
Built for teams that move fast
Heading/Mobile/Quote Lime Center
Manrope 600 · 26 / 128%
Built for teams that move fast
Paragraph/Large
Manrope 400 · 18 / 155%
Every transaction is categorised and synced to your books.
Paragraph/Large Center
Manrope 400 · 18 / 155%
Every transaction is categorised and synced to your books.
Paragraph/Medium
Manrope 400 · 16 / 160%
Every transaction is categorised and synced to your books.
Paragraph/Medium Center
Manrope 400 · 16 / 160%
Every transaction is categorised and synced to your books.
Paragraph/Small
Manrope 400 · 14 / 155%
Every transaction is categorised and synced to your books.
Paragraph/Caption
Manrope 400 · 12 / 150%
Every transaction is categorised and synced to your books.
Label/Button
Manrope 600 · 14 / 130%
Get started
Label/Button Ink
Manrope 600 · 14 / 130%
Get started
Label/Lime
Manrope 600 · 14 / 136%
Powerful features
Label/Lime Small
Manrope 600 · 12 / 136%
Powerful features
Label/Small
Manrope 600 · 12 / 130%
Powerful features
Label/Eyebrow
Manrope 600 · 12 / +10% caps
Powerful features
Label/Logo
Manrope 600 · 20 / -2%
Monara
03
Buttons and chips
Pill buttons with one lime primary.
Buttons
White button
Lime button
Ghost button
Chips
Lime chip
Neutral chip
4.8 stars
04
Form elements
Glass inputs with a lime focus ring.
Default
Work email
Focus
sofia@company.com
05
Radius
Rounded shapes used across cards, inputs and chips.
12px
16px
24px
28px
Full
