Color
The different weights of greys and colours used throughout the website.
Brand Primary
The key color that defines the brand's visual identity, used prominently in core elements.
Primary Dark
Primary Medium
Primary
Primary Light
Primary Opacity 4
Primary Opacity 3
Primary Opacity 2
Primary Opacity 1
Brand Secondary
A complementary color to the primary, used strategically for accents and emphasis.
Secondary Dark
Secondary Medium
Secondary
Secondary Light
Secondary Opacity 4
Secondary Opacity 3
Secondary Opacity 1
Primary Dark
Content
The primary color for text, ensuring maximum readability and contrast with the background.
Strongest Text
Strong Text
Medium Text
Subtle Text
Strongest Text Light
Strong Text Light
Medium Text Light
Subtle Text Light
Background
A balanced range of grays or muted tones, providing subtle support and structure.
Dark Background
Shade Background
Subtle Background
Dark Background
Base Background Dark
Subtle Background Dark
Primary Dark
White Background
Neutral
Here goes your text ... Select any part of your text to access the formatting toolbar.
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Transparent
Specific colors dedicated to conveying system statuses—info, warnings, errors, and successes.
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
System Color
Here goes your text ... Select any part of your text to access the formatting toolbar.
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Primary Dark
Special Effects
Here goes your text ... Select any part of your text to access the formatting toolbar.
Gradient Primary
Gradient Dark
Gradient Light
Pattern Primary
Head
The different weights of greys and colours used throughout the website.
Heading 1
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Heading 2
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Heading 3
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Heading 4
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Heading 5
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Heading 6
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
Body
The different weights of greys and colours used throughout the website.
Paragraph Large
Large Paragraph
Rivers weave a tale untold, In the language of silver and gold. In nature's embrace, find your way.
Paragraph Default
Here goes your text ... Select any part of your text to access the formatting toolbar.
Rivers weave a tale untold, In the language of silver and gold. In nature's embrace, find your way.
Paragraph Small
Here goes your text ... Select any part of your text to access the formatting toolbar.
Rivers weave a tale untold, In the language of silver and gold. In nature's embrace, find your way.
Special Heading & Title
The different weights of greys and colours used throughout the website.
Special Heading 3XL
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
About rivers weave
About rivers weave
About rivers weave
Special Heading 2XL
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
About rivers weave
About rivers weave
About rivers weave
Special Heading XL
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
About rivers weave
About rivers weave
About rivers weave
Script
Here goes your text ... Select any part of your text to access the formatting toolbar.
About rivers weave
About rivers weave
Subheading
Here goes your text ... Select any part of your text to access the formatting toolbar.
Subheading
Subheading
Title
Here goes your text ... Select any part of your text to access the formatting toolbar.
Title sm
Title
Title lg
Title sm
Title
Title lg
Interface Element
The different weights of greys and colours used throughout the website.
Button Primary
Here goes your text ... Select any part of your text to access the formatting toolbar.
PrimaryPrimary
I am a buttonI am a button
Button Secondary
Here goes your text ... Select any part of your text to access the formatting toolbar.
SecondarySecondary
SecondarySecondary
Link
Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a button
I am a button
Icon
Here goes your text ... Select any part of your text to access the formatting toolbar.
Slider Arrow
Here goes your text ... Select any part of your text to access the formatting toolbar.
Tabs
Here goes your text ... Select any part of your text to access the formatting toolbar.
Content goes here .. (1)
Content goes here .. (2)
Content goes here .. (1)
Content goes here .. (2)
Content goes here .. (1)
Content goes here .. (2)
Content goes here .. (1)
Content goes here .. (2)
Accordion
Here goes your text ... Select any part of your text to access the formatting toolbar.
Accordion 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Accordion 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Accordion 1
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Accordion 2
Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.
Progress bar
Here goes your text ... Select any part of your text to access the formatting toolbar.
Input
The different weights of greys and colours used throughout the website.
Form Style
Here goes your text ... Select any part of your text to access the formatting toolbar.
current url is:
Animation
The different weights of greys and colours used throughout the website.
Animation
current url is:
Animate Primary
Animate Secondary
Effects
The different weights of greys and colours used throughout the website.
Border Radius
current url is:
Radius XS
Radius S
Radius M
Radius L
Radius XS
Shadow
current url is:
Shadow S
Shadow M
Shadow L
Shadow XL
Shadow Primary
Hover Shadow S
Hover Shadow M
Hover Shadow L
Hover Shadow XL
Hover Shadow Primary
Glassmorph
glassmorph
Content Area
Content Area