Skip to content
LearnWorlds Webpage Builder
LearnWorlds Design Configurations
Widgets
Share
Explore

LearnWorlds Design Configurations

Last edited 15 days ago by Andrey Petrushko.

2
info
Colors, typography and buttons are preset as part of the website flavour. Below tables list current settings

3
Colours

4
The colors of the site.
5
3 types: Brand, background and text
Colors
Name
Type
Hex Code
Text Colour
Bran Primary
#800000
Accent 1
#2B4570
Accent 2
#E8B00F
Dark background
#1B2838
Light background
#F5F5F5
Body background
#FCFBF7
Dark text
#333333
Light text
#F5F5F5
Link text
#2B4570
There are no rows in this table
6
⁠

7
Typography

8
LearnWorld has following global selections for headings and main text.
9
Headings have 3 sizes: Large, Normal and Small
10
Headings range is from H1 to H4
11
Main text has 9 sizes: Huge, Very Large, Large, Normal, Small, Very small, Tiny, Quote and Overline
12
Font sizes and other settings can be changed in the editor.
13
Font weight have 2 settings: Normal and Bold
14
Text transform has 3 settings: Normal, Capitalize and Uppercase
Typography
Type
Name
Size
Font family
Font size (px)
Line height (em)
Letter spacing (px)
Opacity
Font Weight
Text Transform
Notes
Heading 1
54
1.2
-0.5
1
Open
Heading 1
48
1.2
-0.5
1
Open
Heading 1
40
1.25
0
1
Open
Heading 2
36
1.3
0
1
Open
Heading 2
32
1.3
0
1
Open
Heading 2
28
1.3
0
1
Open
Heading 3
24
1.35
0
1
Open
Heading 3
22
1.35
0
1
Open
Heading 3
20
1.4
0
1
Open
Heading 4
20
1.4
0
1
Open
Heading 4
18
1.4
0
1
Open
Heading 4
18
1.45
0
1
Open
Huge text
24
1.5
0
1
Open
Very large text
20
1.5
0
1
Open
Large text
18
1.55
0
1
Open
Normal text
16
1.6
0
1
Open
Small text
14
1.6
0
1
Open
Very small text
13
1.6
0
0.85
Open
Tiny text
13
1.6
0.06
0.8
Open
Quote text
20
1.5
0
1
Open
Overline text
13
2
1
0.85
Open
There are no rows in this table
15
⁠

16
Buttons

17
3 buttons: Large, normal and small
18
3 input fields: large, normal and small
19
Font weight have 2 settings: normal and bold
20
Text transform has 3 settings: normal, capitalize and uppercase
Table
Type
Name
Size
Font family
Font size (px)
Letter spacing (px)
Font weight
Text Transform
Border Radius (px)
Padding top (px)
Padding right (px)
Padding bottom (px)
Padding left (px)
Large button
18
0
16
20
20
60
20
Normal button
16
0
12
15
45
15
45
Small button
14
0
8
14
32
14
32
Large input
18
0
16
20
28
20
28
Normal Input
16
0
12
15
24
15
24
Small input
14
0
8
14
24
14
24
There are no rows in this table
21
⁠

22
Layout

23
Layout of your sections
24
4 sizes: small, normal, large and extra large
Layout
Name
Size
Top / Bottom Padding
Small section
50
Normal section
60
Large section
80
Extra large section
120
​
​
There are no rows in this table
25
⁠

Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.