Loading...

Typography

Font Family

Body Font Family

Aa

Font Family

"Rubik", sans-serif

Heading Font Family

Aa

Font Family

"Montserrat", sans-serif
Headings

All HTML headings, <h1> through <h6>, are available.

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Display Headings

Use fs-1, fs-2, fs-3, fs-4, fs-5, or fs-6, class to change the font-size respectively.

.fs-1 text

.fs-2 text

.fs-3 text

.fs-4 text

.fs-5 text

.fs-6 text

Display Headings

Traditional heading elements are designed to work best in the meat of your page content.

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Inline Text Elements

Styling for common inline HTML5 elements.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longeraccurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

Left Aligned Blockquotes
Goodness isn't about avoiding falls, but about the courage to rise, stronger and kinder, with every stumble.
Someone famous in Source Title
Right Aligned Blockquotes
Goodness isn't about avoiding falls, but about the courage to rise, stronger and kinder, with every stumble.
Someone famous in Source Title
Blockquote Background Color

Use blockquote- class with the below-mentioned color variation to set the blockquote background color.

Custom Blockquote Primary Example
Angie Burt Designer Designer

Preview Settings

Theme Layouts

Defines the admin panel's layout style, allowing you to choose from different design options.

Color Mode

Choose if app's appearance should be light or dark, or follow your computer's settings.

RTL Mode

Toggle between LTR and RTL layouts to support different language directions.

Preset Themes

Choose a preset theme from out theme library.

Sidebar Colors

Sets the sidebar color scheme. Options include light, dark, or gradient styles.

Navbar Positions Options

Sets the navbar position: sticky, static, or hidden.

Navbar Type Options

Sets the navbar style: default, dark, transparent, or glass.

Font Options

Sets the fonts for headings and body text.

Font Size Options

Sets the font size: sm, md, or lg.

Rounded Options

Sets the border radius size: xs, sm, md, lg, or xl.

Container Options

Defines the container style: fluid (full-width) or boxed (fixed width).

Loader Options

Sets the page loader visibility: hidden or visible.