Colors
Main
Primary
Primary light
Primary dark
Functional
Link
Info
Success
Warning
Danger
Black
White
Dark
Light
Custom
Tangerine
Purple
Purple dark
Green dark
Beige
Lighter blue
Shades
Black bis
Black ter
Grey darker
Grey dark
Grey
Grey light
Grey lighter
White ter
White bis
Background patterns
Dots
A pattern with dots on a light blue background
Dots
A pattern with dots on a dark gray (grey-darker) background
Geolines
A pattern with geolines on a orange background
Geolines
A pattern with geolines on a dark gray (grey-darker) background
Masks
Papertear normal
A mask with a normal papertear effect on a green background
Papertear big combination
A mask with a big papertear effect and a geolines pattern on a red background
Tags
Colors
Sizes
Typography
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Rich text
This is a default paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec finibus eget tellus nec fermentum. Cras suscipit tempor nulla, non consectetur turpis tempor eget. Etiam sollicitudin finibus nulla, vitae tincidunt nibh aliquam vel. Nullam ut egestas risus. Suspendisse volutpat tellus ullamcorper ligula lacinia finibus. Proin lacinia leo at libero tempus porta.
This is a justified paragraph. Pellentesque ut suscipit tortor. Fusce vestibulum dapibus tristique. Pellentesque nec magna rutrum, laoreet dui ac, pharetra est. Aliquam erat volutpat. Vivamus viverra lorem at risus fermentum, ac convallis arcu venenatis. Donec vestibulum, lorem non mattis scelerisque, nisi magna euismod est, a porttitor dolor dolor in lacus.
This is left aligned text.
This is center aligned text.
This is right aligned text.
This is a bold text.
This is an italic text.
This is an underlined text.
- Item 1
- Item 2
- Item 3
- Item A
- Item B
- Item C
Custom icons
calendar
clock
map-marker
news
news-circle
agricultural
agricultural-circle
arrow-down
arrow-left
arrow-right
arrow-up
awareness
awareness-circle
below-water
below-water-circle
briefcase
cities
cities-circle
clean-water
clean-water-circle
climate
climate-circle
consumption
consumption-circle
data-monitor
data-monitor-circle
DEI
DEI-circle
ecademy
education
education-circle
energy
energy-circle
equality
equality-circle
folders
gender
gender-circle
hand-gear
hand-gear-circle
handshake
healt
health-circle
hunger
hunger-circle
industry
industry-circle
justice
justice-circle
leaf
leaf-circle
lightbulb
long-arrow-down
long-arrow-left
long-arrow-right
long-arrow-up
magnifying-glass
on-land
on-land-circle
parnership
partnership
poverty
poverty-circle
sewage
sewage-circle
tap-water
tapwater-circle
wash
wash-circle
water-gear
water-gear-circle
work
work-circle