GraceLearn
Brand kit
Official logos, hex colours, letterhead, favicons, and video templates. Use Open or Download on each file; Copy URL gives a shareable link on this site.
Official identity
Source files live in /GraceLearn_Brand_Package under public/ (versioned in git). The app nav, favicons, and emails use these assets.
Horizontal lockup
App icon
Mark colours
Purple #5940e8, green leaf #15976a, purple leaf #5940e8, orange bud #f59a23
Product UI palette
Primary purple
#5940e8 · brand
Deep navy
#141841 · navy
Violet accent
#795bf5 · violet
Soft paper
#f8f9fe · marketingPaper
Success
#15976a · success
Warning
#f59a23 · warning
Error
#d94d57 · error
Leaf green (mark)
#15976a · leafLeft
Leaf purple (mark)
#5940e8 · leafRight
Brand guide palette
From the downloadable brand guide / package readme.
Primary purple
#5940E8 · primary
Brand, CTAs, Learn word
Deep purple
#4730C9 · deepPurple
Hover / depth
Violet
#7958F5 · violet
Accents
Navy
#141B41 · navy
Grace word, headings
Lavender
#EDE9FF · lavender
Soft panels
Off-white
#F8F9FE · offWhite
Page background
Green (left leaf)
#15976A · leafGreen
Mark — left leaf
Teal (spine)
#0F8F82 · teal
Mark spine tint
Orange (bud)
#F59A23 · orange
Mark centre
Logos (SVG & PNG)
Practice. Understand. Next.
Horizontal logo (SVG, no tagline)
Used in app nav
/GraceLearn_Brand_Package/logos/svg/gracelearn-horizontal-no-tagline.svg
Horizontal logo + tagline (SVG)
/GraceLearn_Brand_Package/logos/svg/gracelearn-horizontal.svg
Horizontal logo — dark background (SVG)
/GraceLearn_Brand_Package/logos/svg/gracelearn-horizontal-dark.svg
Stacked logo (SVG)
/GraceLearn_Brand_Package/logos/svg/gracelearn-stacked.svg
Horizontal logo + tagline (PNG)
/GraceLearn_Brand_Package/logos/png/gracelearn-horizontal.png
Horizontal logo — dark background (PNG)
/GraceLearn_Brand_Package/logos/png/gracelearn-horizontal-dark.png
Horizontal logo (PNG)
/GraceLearn_Brand_Package/logos/png/gracelearn-horizontal-no-tagline.png
Stacked logo (PNG)
/GraceLearn_Brand_Package/logos/png/gracelearn-stacked.png
Letterhead & business cards
- File
A4 letterhead (PDF)
/GraceLearn_Brand_Package/stationery/GraceLearn_A4_Letterhead.pdf
- File
A4 letterhead (editable Word)
/GraceLearn_Brand_Package/stationery/GraceLearn_A4_Letterhead_Editable.docx
- File
Business card template (PDF)
/GraceLearn_Brand_Package/business-cards/GraceLearn_Business_Card_Template.pdf
- File
Business card template (SVG)
/GraceLearn_Brand_Package/business-cards/GraceLearn_Business_Card_Template.svg
Icons, favicons & PWA
App icon (SVG)
/GraceLearn_Brand_Package/logos/svg/gracelearn-icon.svg
App icon (PNG)
Email inline / social
/GraceLearn_Brand_Package/logos/png/gracelearn-icon.png
Favicon (.ico)
/GraceLearn_Brand_Package/favicons/favicon.ico
Favicon 32×32 (PNG)
/GraceLearn_Brand_Package/favicons/favicon-32.png
Apple touch 180×180 (PNG)
/GraceLearn_Brand_Package/favicons/favicon-180.png
PWA icon 192×192 (PNG)
/GraceLearn_Brand_Package/favicons/favicon-192.png
PWA icon 512×512 (PNG)
/GraceLearn_Brand_Package/favicons/favicon-512.png
Safari pinned tab (SVG mask)
/learn-brand/safari-pinned-tab.svg
- File
Brand package readme
Overview of folders and palette
/GraceLearn_Brand_Package/README.txt
- File
Brand guide (Word)
/GraceLearn_Brand_Package/brand-guide/GraceLearn_Brand_Guide.docx
- File
HTML head snippet (reference)
/GraceLearn_Brand_Package/favicons/head-snippet.html
- File
PWA manifest (app)
/learn-brand/manifest.webmanifest
YouTube & presentations
- File
YouTube / teaching deck (PowerPoint 16:9)
npm run brand:presentation-decks
/learn-brand/08_Video/GraceLearn_Youtube_16x9_Master.pptx
- File
YouTube lower third (SVG)
/learn-brand/08_Video/GraceLearn_Youtube_Lower_Third.svg
- File
Video templates readme
/learn-brand/08_Video/README.txt
