PrimaryPrimary LightSecondarySecondary LightPrimary AccentPrimary Accent LightErrorError LightBaseBase BackgroundBase Background DarkBase Background DarkerPinkGrey LightGrey Medium LightGrey MediumGrey Medium DarkGrey DarkDark
Headline 1: This is the primary heading, often used as the main title of a page.
Headline 2: This is a secondary heading, typically used for section titles under the main heading.
Headline 3: This heading is used for subsections under secondary headings.
Headline 4: This heading is often used for smaller subsections or to emphasize a specific topic.
Headline 5: This is a minor heading, useful for highlighting smaller content sections.
Headline 6: The smallest heading, usually for the least important titles or notes.
This is big text: Use this tag to emphasize larger text, typically for important notes or highlights.This is a paragraph: Paragraphs are blocks of text used for regular content, such as descriptions, explanations, or stories.
This is a link: Links are used to navigate between different pages or sections. Click here to explore more.This is a span: Spans are inline elements often used to apply styles or wrap text within a larger block of content.This is a div: Divs are block-level elements used to group content together, often for layout purposes.
This is small text: Typically used for disclaimers, notes, or secondary information.This is a citation: Citations are used to reference the source of a quote or piece of information, often displayed in italics.if (lifeGivesYouLemons) {
throwThemBackAndDemandChocolate();
}
Information: This is an informative message, often used to provide
context or additional details to users.
Warning: This is a warning message, typically used to alert users of
potential risks or issues.
Error: This is an error message, used to notify users of critical
problems or failures.
Success: This is a success message, indicating that an action or
operation was completed successfully.