Guidelines
Design’s secret weapon.
Dive in to craft stunning, cohesive designs effortlessly!
Typography
Craft with Clarity and Style.
Typography sets the tone and enhances readability.
Heading
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Base paragraph.
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.
Base/fontMedium.
The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.
Base/fontBold.
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.
Medium.
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.
Medium/fontMedium
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
Medium/fontBold
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.
Small
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.
The lead.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
Button
Drives user actions with clear.
Ensuring a seamless and intuitive experience.
Button default.
The standard button style used for general purposes. It provides a neutral appearance suitable for most UI contexts.
Button primary.
The most prominent button style, designed to draw attention and highlight the main call-to-action.
Button secondary.
A less emphasized button style compared to primary, used for secondary actions or less critical options.
Button inverse.
Designed for use on dark backgrounds or complex backgrounds with overlays, ensuring the button remains visible and readable.
Components
Engaging and informative component suite.
Each component is designed for clarity and impact
Avatar
Avatar has link property.
When provided, the link prop turns the avatar into a clickable element that navigates to the specified URL.
Quote
Features
Call to action
Services
Testimonial
Subscribe