Typography

Font scales and text styles

Heading 1 - The Fluid Theme

Heading 2 - The Fluid Theme

Heading 3 - The Fluid Theme

Heading 4 - The Fluid Theme

Heading 5 - The Fluid Theme

Heading 6 - The Fluid Theme

This is a paragraph with regular text. The Fluid Theme provides clean, readable typography that scales beautifully across all devices.

This is muted text, perfect for descriptions and secondary content.

Bold text and italic text and linked text

inline.code() for technical content

<h1>Heading 1</h1>
<p class="fluid-text-muted">Muted text</p>
<code>inline.code()</code>

Buttons

Interactive button components

Button Sizes

Button States

<button class="fluid-btn fluid-btn-primary">Primary Button</button>
<button class="fluid-btn fluid-btn-secondary fluid-btn-lg">Large Secondary</button>

Forms

Form inputs and controls

Text Input

Email Input

Select Dropdown

Textarea

Checkbox option

Radio option 1 Radio option 2

<div class="fluid-form-group">
    <label class="fluid-label">Email</label>
    <input type="email" class="fluid-input" placeholder="email@example.com">
</div>

Cards

Content containers

Card Title

This is a card description

Card content goes here. You can add any content like text, images, or other components.

Simple Card

Cards can be simple containers without the header/footer structure.

Learn More →

Badges

Status indicators and labels

Default Primary Success Warning Danger

<span class="fluid-badge fluid-badge-success">Success</span>

Alerts

Feedback messages

Info: This is an informational alert message.

Success: Your changes have been saved successfully.

Warning: Please review your input before proceeding.

Error: Something went wrong. Please try again.

Tables

Data display

Invoice #	Client	Amount	Status
#1001	Acme Corp	$2,500	Pending
#1002	Tech Solutions	$3,750	Paid
#1003	Design Studio	$1,200	Overdue

Service Cards

Business-ready components

🎨

Design Services

Professional design that captures your brand

$99/mo

💻

Development

Custom development solutions

$149/mo

📊

Analytics

Data-driven insights for growth

$79/mo