Site Logo.png
Linkedin Facebook

Global Presets UI Style Guide

01. Color Guide

Primary Color : #40068a
Secondary Color : #684891
Accent Color : #163886

Black Color : #070707

White Color : #FFFFFF
Button CTA : #F55900

02. Text Styles

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

03. Buttons

Primary Button CSS Class:
button-cta-figma
READ MORE
Normal/Hover
READ MORE
Active
READ MORE
Disable
Secondary Button CSS Class:
button-primary-figma
READ MORE
Normal/Hover
READ MORE
Active
READ MORE
Disable
Accent Button CSS Class:
button-secondary-figma
READ MORE
Normal/Hover
READ MORE
Active
READ MORE
Disable
Tertiary Button CSS Class:
button-tertiary-figma
READ MORE
Normal/Hover
READ MORE
Active
READ MORE
Disable

Subscribe to our Blog: 'From the Inside Out'

  • Your source for pioneering ideas and resources to nurture well-being, leadership, and academic success from the inside out.

    • Trish Keiller

    • Redondo Beach, CA
    • (310) 528-9095
    • info@roots-education.com

    Empowering teachers & students TO THRIVE from the inside out.

    Linkedin Facebook

    Quick Links

    Copyright © 2024. All rights reserved.