Elements
UI components and design system elements available in this template.
Typography
Heading levels, paragraph styles, and text treatments.
Heading 1 — The quick brown fox
Heading 2 — The quick brown fox
Heading 3 — The quick brown fox
Heading 4 — The quick brown fox
Heading 5 — The quick brown fox
Heading 6 — The quick brown fox
Lead text. This is a lead paragraph with a larger font size, suitable for introductions and important callouts. It draws the reader's attention and sets the tone for the content that follows.
Body text. This is a standard paragraph used for body copy throughout the template. It uses the default font size and a comfortable line height for readability. Good typography is the foundation of any well-designed interface, ensuring that users can easily consume and understand the content presented to them.
Small text. This is smaller text, useful for captions, footnotes, meta information, and secondary details that support the main content.
"A clean home is a happy home." — SparkleClean Philosophy
Buttons
Primary, secondary, and outline button styles in various sizes.
Variants
Sizes
Disabled
Badges & Tags
Colored labels for statuses, categories, and metadata.
Alerts / Notices
Contextual feedback messages for user actions and system states.
Information
This is an informational alert for tips and contextual information.
Success
Your cleaning has been booked successfully.
Warning
Please confirm your appointment details before proceeding.
Error
Something went wrong. Please try again or contact support.
Cards
Flexible content containers with various styles and layouts.
Basic Card
A simple card with a border, padding, and rounded corners.
Hover Shadow
This card elevates on hover with a larger shadow.
Icon Card
Features a prominent icon above the content.
Form Elements
Input fields, selects, textareas, and other form controls.
Lists
Unordered, ordered, and icon-based list styles.
Unordered
- Regular home cleaning
- Deep cleaning services
- Move-in/out cleaning
- Commercial cleaning
- Post-construction cleanup
Ordered
- Book your cleaning online
- We prepare and schedule
- Our team arrives on time
- We clean thoroughly
- You inspect the results
Check List
- Eco-friendly products
- Background-checked team
- Satisfaction guaranteed
- Fully insured
Tables
Structured data display with striped rows and responsive layout.
| Service | Price | Duration | Availability |
|---|---|---|---|
| Basic Clean | From $99 | 2-3 hours | Available |
| Deep Clean | From $199 | 4-6 hours | Available |
| Move-In/Out | From $299 | 5-8 hours | Book Ahead |