Brand kit
SMA brand kit
Logos, colors and type for anyone making something for SMA. Download what you need, and keep it consistent.
Logos
Logos
Use the logo on plain backgrounds. Leave clear space around it at least the height of the tree’s trunk, and don’t stretch, recolor or add effects.
Primary logo
Social profile images, print, formal documents.
Coming soon
Horizontal logo
Website header, email headers, banners.
Files coming soon.
Icon
Favicon, app and social avatars, small sizes.
Coming soon
Reversed
For dark backgrounds like navy.
Files coming soon.
Coming soon
One-color
Single-color printing, embroidery, stamps.
Files coming soon.
Colors
Colors
Select a value to copy it. Pair navy with gold; keep text on white navy or body-text blue.
Navy
#12263A
RGB 18, 38, 58
Headings, dark sections, text on gold.
Deep navy
#0A1622
RGB 10, 22, 34
Footer, hero and announcement bar.
Gold
#C9962B
RGB 201, 150, 43
Buttons and fills, with navy text on top. Never use gold text on white: it fails contrast.
Light gold
#F2C35B
RGB 242, 195, 91
Accents and links on navy backgrounds.
Gold (text)
#8A6A1F
RGB 138, 106, 31
When you need gold-colored text on white or light backgrounds.
Soft background
#F3F6F9
RGB 243, 246, 249
Alternating page sections.
Border
#E3E8EE
RGB 227, 232, 238
Card outlines and dividers.
Body text
#3D5266
RGB 61, 82, 102
Paragraph text.
Typography
Typography
SMA uses Plus Jakarta Sans for everything. It’s free: download Plus Jakarta Sans from Google Fonts.
Heading · ExtraBold 800
Serving our community together
Subheading · Bold 700
Programs for everyone
Body · Regular 400, 17px, line height 1.65
Steady monthly gifts let us plan programs year-round and keep them open to everyone.
Button · Bold 700, pill shape
Emphasized: metallic gold with a soft shine. For the single most important action on a screen.
For Arabic text such as the Bismillah, SMA uses Amiri, also free on Google Fonts.