Style Guide
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore in reprehenderit in voluptate magna aliqua.
Color
These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.
Primary - #3F53D8
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Dark - #080829
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Grey - #545479
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
White - #FFFFFF
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Orange - #FE7F51
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Yellow - #FFC123
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Red - #FA5B68
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Light Blue - #67E4FF
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Light Green - #98F5EC
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Violet - #A259FF
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Secondary - Green - #2CAE76
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
Typography Styles
You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.
Heading One
72 px
110%
Regular
Heading Two
60px
130%
Regular
Heading Three
48px
116%
Regular
Heading Four
32px
110%
Medium
Heading Five
28px
120%
Bold
Heading six
26px
150%
Medium
Body Large
24px
140%
Medium
Body Medium
20px
116%
Medium
Body Small
18px
160%
Regular
Elements
These are all the Element that are used in this project. Editing them will reflect the changes on all the other Elements of the project too.
Inputs
Rich Text Elements (RTE)
When we discovered we could build learner's habits and make the hashtag#learning permanent, we started to look for ways to use hashtag#habits to do good.
One big success has been in the safety space - lives saved, bodies whole, workers engaged and clients confident. Creating a culture of safety requires keeping safety habits top of mind.
We're proud that our tech is helping keep hashtag#employees and hashtag#contractors hashtag#safe on the job site. And thanks to hashtag#OSHA for recognizing Learn.net during Safe & Sound week 2023!
Symbols
.png)
.png)
.png)
Powerful Features that
Help Your Team Learn Faster
Don’t settle for tools that give you 50% functionality for 2x the price.
Click here for more features
500k+
Learn.net has garnered more than 500k+ users.
100k+
More than 100k+ teams are using Collab.
20k+
Collab has more than 20k+ 5 start reviews.
99.9% of users love Learn.net. Not convinced you’re one? We love a challenge.
Over a million learners are using Learn.net
Hear what Businesses around the world are saying about Learn.net
I have been completely astounded by Learn.net’s ability to answer our compliance education, assessment and retention challenges
I want my team to spend time thinking about high level UX problems, rather than mindlessly repeating busy work. Collab helps them do that.
I want my team to spend time thinking about high level UX problems, rather than mindlessly repeating busy work. Collab helps them do that.
Learn.net integrates with all your favorite tools.
