Basic Headings

Heading 1

Heading 2

Heading 3

Heading 4

Light & Bold Headings

This is a Light Heading

This is a Bold Heading

Colored & Gradient Text

Red Colored Gradient to right

Pink gradient colored text to left

Solid Colors

Red Colored Heading

Blue Colored Heading

Green Colored Heading

Purple Colored Heading

Warm Gradients

Pink to Yellow - The ultimate color gradient

Red to Orange Fire - The ultimate color gradient

Sunset Glow - The ultimate color gradient

Golden Fire - The ultimate color gradient

Cool Gradients

Ocean to Violet - The ultimate color gradient

Cyber Blue - The ultimate color gradient

Fresh Mint - The ultimate color gradient

Deep Space - The ultimate color gradient

Rainbow & Multi-Color

Traffic Light Rainbow- The ultimate color gradient

Cosmic Burst- The ultimate color gradient

Galaxy Dream- The ultimate color gradient

Metallic Effects

Silver Chrome- The ultimate color gradient

Gold Luxury- The ultimate color gradient

Bronze Elegance- The ultimate color gradient

Diagonal Gradients

Pink to Blue Diagonal- The ultimate color gradient

Green Purple Angle- The ultimate color gradient

Sunrise Diagonal- The ultimate color gradient

Soft Pastels

Soft Lavender

Gentle Sky

Peaceful Waters

Interactive Effects

Hover to Reverse

Hover Color Shift

Hover to Scale

Neon Glow

Electric Blue

Neon Pink

Matrix Green

Display Heading

Display Title

Text Decoration

This is underlined text.

This is struck-through text.

This has an overline.

Underline dashed

Underline dotted

Underline double

Underline wavy

Underline thickness 2

Underline thickness 4

Underline thickness 8

Wavy pink thick

Hover underline JJ and yoyo

Group hover underline jj and yoyo

Font Weights & Style

Small Text

Semi-Bold Text

Bold Text

Italic Text

Text Alignment

Left Aligned

Center Aligned

Right Aligned

Emphasis & Address

Strong text and emphasized text

1234 Main Street, Nairobi, KE

Simple Blockquote

“Simplicity is the ultimate sophistication.”

Colored Blockquote

“Creativity is intelligence having fun.”

With Quote Icon

Innovation distinguishes between a leader and a follower. Design is how it works

Card Style

“Design is not just what it looks like and feels like. Design is how it works.”

Background & Shadow

“Good design is obvious. Great design is transparent.”

Quote with Avatar

“The details are not the details. They make the design.”

Centered Blockquote

“Typography is the craft of endowing human language with a durable visual form.”
— Robert Bringhurst

Decorative Quotes

“ The best way to predict the future is to invent it. ”
— Alan Kay

Font Sizes

Extra small text

Small text

Base text

Large text

Extra large text

2xl - Use 3,4,5,6xl

Lead Paragraph

This paragraph is styled as a lead with larger font and relaxed spacing.

Line Height

Tight Line Height: Line spacing is minimal.

Relaxed Line Height: Line spacing is more readable.

Loose Line Height: Extra spacious lines.