Webflow Style Guide

Browse the UI elements available on the Educationic X Webflow Template. Educationic X is a premium e-Learning Webflow Template created for online schools and academies. It was designed & developed by the Webflow Experts at BRIX Agency.

Colors

Primary Colors

Primary 1
#064EA4

Secondary Colors

Secondary 1
#E1EDFB
Secondary 2
#FCDF69
Secondary 3
#F99D77

Neutral Colors

Neutral 800
#0F437F
Neutral 700
#1E3D60
Neutral 600
#62778F
Neutral 500
#8096B0
Neutral 400
#BECAD7
Neutral 300
#E7EAEE
Neutral 200
#F9FAFB
Neutral 100
#FFFFFF

Typography

Icons

Jobs Icon - Education X Webflow TemplateTeam Icon - Education X Webflow TemplateSync Icon - Education X Webflow TemplateNewsletter Icon - Education X Webflow TemplateCheck Icon - Education X Webflow TemplateSearch Icon - Education X Webflow TemplateWorld Icon - Education X Webflow TemplateBulb Icon - Education X Webflow TemplateLondon - Education X Webflow TemplateHong Kong - Education X Webflow TemplateSan Francisco - Education X Webflow TemplatePhone Icon - Education X Webflow TemplateLocation Icon - Education X Webflow Template

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Cards

Card Default

Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit. Felis donec massa aliquam id.