grey 50
grey 100
grey 200
grey 300
grey 400
grey 500
grey 600
grey 700
grey 800
grey 900
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Header p
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Text Editor H1
Text Editor H2
Text Editor H3
Text Editor H4
Text Editor H5
Text Editor H6
Text Editor
- List Item #1
- List Item #2
- List Item #3
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Header p
- List Item #1
- List Item #2
- List Item #3
Text Editor H1
Text Editor H2
Text Editor H3
Text Editor H4
Text Editor H5
Text Editor H6
Text Editor Preformatted
Text Editor
This text is based on 16px
This text is based on 1 em
This text is based on 1 rem
This text is based on 1.4 vw
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Header p
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
- List Item #1
- List Item #2
- List Item #3
Text Editor H1
Text Editor H2
Text Editor H3
Text Editor H4
Text Editor H5
Text Editor H6
Text Editor Preformatted
Text Editor
System colors
Primary
#1797D4
Secondary
#091329
Text
#091329
Accent
#E7373E
Grayscale
grey-50
#
grey-100
#
grey-200
#
grey-300
#
grey-400
#
grey-500
#
grey-600
#
grey-700
#
grey-800
#
grey-900
#
H1 Add Your Heading Text Here
H2 Add Your Heading Text Here
H3 Add Your Heading Text Here
H4 Add Your Heading Text Here
H5 Add Your Heading Text Here
H6 Add Your Heading Text Here
Heading as paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Sapien pellentesque habitant morbi tristique senectus. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Sit amet risus nullam eget felis eget nunc. Lacus sed turpis tincidunt id. Massa enim nec dui nunc mattis enim ut. Hendrerit gravida rutrum quisque non tellus orci ac. Interdum varius sit amet mattis vulputate. Ac auctor augue mauris augue neque gravida in fermentum et. Quis commodo odio aenean sed adipiscing. Quis ipsum suspendisse ultrices gravida dictum fusce ut. Sed elementum tempus egestas sed sed risus pretium quam.
- List item 1
- List item 2
- List item 3
- List item 4
Aliquam ultrices sagittis orci a scelerisque purus semper eget duis. Convallis aenean et tortor at risus viverra. Velit ut tortor pretium viverra suspendisse potenti nullam ac. Amet cursus sit amet dictum sit amet justo donec enim. Ornare aenean euismod elementum nisi. Ac ut consequat semper viverra nam. Massa enim nec dui nunc mattis enim ut tellus. Vel pharetra vel turpis nunc eget lorem dolor sed. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus mauris. Porttitor rhoncus dolor purus non enim. Vitae suscipit tellus mauris a diam maecenas sed. Aliquam sem fringilla ut morbi tincidunt. Lacus vel facilisis volutpat est velit egestas dui id ornare. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus.
Full image
Please note that the full image is still automatically scaled down by WordPress. This is a new features since 5.3.
WordPress 5.3 introduces a new way to manage these images by detecting big images and generating a “web-optimized maximum size” of them.
How does it work?
When a new image is uploaded, WordPress will detect if it is a “big” image by checking if its height or its width is above a big_image threshold. The default threshold value is 2560px, filterable with the new big_image_size_threshold filter.
If an image height or width is above this threshold, it will be scaled down, with the threshold being used as max-height and max-width value. The scaled-down image will be used as the largest available size.
In this case, the original image file is stored in the uploads directory.
Large image size (2048 wide/heigh)
Custom fullscreen (1920x1080)
achtergrond
#F6F7EB
accenten
#E94F37
tekst
#393E41
70% Primary
#3F88C5
30% Secondary
#44BBA4