MyGiving Brand Guidelines
Typography
Figtree, and the type scale it carries.
Typeface
ConfirmedFigtree, confirmed. It resolves an earlier conflict between the shipped Inter and the design doc’s mentions of DM Serif Display and Plus Jakarta Sans, both since dropped. This page is already set in it, everything below is a live specimen, not a screenshot. Geist Mono is the one exception, used only for the Monospaced style in the type scale.
Figtree
Abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Don’t have Figtree installed?
Free to download from Google Fonts, install it before working in Figma or code so it renders correctly
Type Scale
ConfirmedSourced from Figma’s own text-style variables, size, line-height, and letter-spacing all defined there rather than guessed here.
Heading 1
48px / 48px line-height / -1.5px tracking / weight 600
Every giving moment
Heading 2
30px / 30px line-height / -1px tracking / weight 600
Giving, made effortless
Heading 3
24px / 28.8px line-height / -1px tracking / weight 600
One hub, five spokes
Heading 4
20px / 24px line-height / weight 600
The Hub & Spokes
Paragraph Large
18px / 27px line-height / weight 400
The sun rises and sets without you having to think about it.
Paragraph Regular
16px / 24px line-height / weight 400
Automated giving, every Friday.
Paragraph Small
14px / 20px line-height / weight 400
Never miss laylatul qadr.
Paragraph Mini
12px / 16px line-height / weight 400
MyGiving Brand Guidelines
Caption
14px / 21px line-height / 1.5px tracking / weight 400
Every Friday, automatically
Monospaced
Geist Mono / 16px / 24px line-height / weight 400
£10.00 / Friday / 30 nights
Weight Usage
Open, proposedNot spelled out as a rule anywhere, but this is what the sourced boards actually do. One nuance worth flagging: Figma’s own paragraph-emphasis token is internally named “bold” but resolves to Semibold (600), while the Family and Logo pages’ requirement notes separately call for a true Bold (700) wordmark. Treated here as two distinct steps, not confirmed as intentional.
Regular
400
Default body copy. Everything a reader is meant to read at length.
Medium
500
Light emphasis inside body text and UI labels, one step up from Regular.
Semibold
600
All headings, Heading 1 through Heading 4.
Bold
700
Reserved for entity wordmarks only, MyGiving and the spokes. Not used in headings or body copy.
Numerals & Icon Pairing
Open, proposedNot decided in Figma. Figtree’s own numerals below, lining and roughly monospaced, next to how Family of Products currently substitutes the “0” in “10” with an icon for MyTenNights and MyTenDays. No formal rule yet for optical size or baseline alignment between the two.
1234567890
Figtree numerals, Semibold
My1Nights
The icon substitution in practice, at the same size