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.
Body text. Standard paragraph used for body copy. Good typography ensures content is easily consumed and understood.
"A great barbershop isn't just about haircuts. It's about community, craft, and confidence." -- Marcus Johnson, Founder
Buttons
Primary, secondary, and outline button styles.
Variants
Sizes
Badges & Tags
Colored labels for statuses and categories.
Primary Success Warning Error Info Neutral
Cards
Flexible content containers.
Basic Card
A simple card with border and padding.
Hover Shadow
Elevates on hover with a larger shadow.
Icon Card
With a prominent icon for services and features.
Form Elements
Input fields, selects, and form controls.