style guide
Niraya Style Guide
A core reference for styles and common components used in Niraya theme.
colours
Colours controlled by the Global Swatch feature.
Primary
Surface A
Surface B
default headings
Default heading styles
Heading 1
Heading 2
Heading 3
Heading 4
Heading
five
Heading
six
heading styles
Headings, body and other common text elements.
Display
text
text
Display
text
text
Heading
Style 1
Style 1
Heading
Style 2
Style 2
Heading
Style 3
Style 3
Heading
Style 4
Style 4
Heading
Style 5
Style 5
Heading
Style 6
Style 6
“We know how much productivity is important for students. For this reason we provide 30% educational discount.:
Small text
uppercase text
Standard LinkLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Muted Text
Medium Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
inverted CTA's
Inverted Button and links variations
CTA's
Buttons and links
Badge
badge
Icons
Various icons. Icon fill is inherited from the first parent element Text Colour.
Forms
General style and state variations for form inputs.
Oops! Something went wrong while submitting the form.
Accordions
Accordion Styles
Accordion Title
Accordion content
Accordion Title
Accordion content
.jpg)