Social Justice Fund Style Guide
About This Style Guide
This page displays the current SJF theme styles. When you customize SJF colors in Theme Settings, refresh this page to see the changes reflected.
Tip: Use SJF Template Blocks in the page editor - they're designed to work with these styles automatically.
Buttons
Standard Buttons
Outline Buttons
Sizes
Rounded Pills
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lead paragraph - larger text for introductions and emphasis.
Regular paragraph text with bold, italic, link, and highlighted styles.
Muted text for de-emphasized content.
Brand Colors
Primary
--bs-primary
Secondary
--bs-secondary
Success
--bs-success
Danger
--bs-danger
Warning
--bs-warning
Info
--bs-info
Light
--bs-light
Dark
--bs-dark
Alerts
Primary alert
Success alert
Warning alert
Danger alert