Living Styleguide

Typography

Heading 1 (Sales Headline)

Gradient H1 (Catchy!)

Heading 2 (Feature Section)

Gradient H2 (Emphasized)

Heading 3 (Sub-feature)

Heading 4

Heading 5
Heading 6

This is a standard paragraph for body text. Use it to explain benefits, describe features, or tell a story. Keep it concise and focused on the value proposition. This is a text link used to guide users.

This is smaller text, useful for captions, footnotes, or less critical details.

"This is a blockquote, perfect for testimonials or highlighting key phrases." - Satisfied Customer
  • Unordered List Item 1 (Benefits)
  • Unordered List Item 2
  • Unordered List Item 3
  1. Ordered List Item 1 (Steps)
  2. Ordered List Item 2
  3. Ordered List Item 3

Buttons & Links

Link as Primary

Forms

This field is required.

Cards

Feature Card

Describe a key feature or benefit here. Keep it short and impactful.

Learn More →

Icon Card

Visually represent a concept or feature. Icons can improve scannability.

"Using this service transformed our workflow. Highly recommended!"

- CTO, Tech Company

Alerts

Success! Your request was processed.

Warning: Please check your input.

Error! Something went wrong.

Info: This is an informational message.

Composed Sections

Solve Your Biggest Challenge with Our Solution

Stop wasting time on X and focus on Y. Our platform provides the tools and insights you need to succeed.

Get Started Now

No credit card required. 14-day free trial.

Hero Effects Example 1

Dramatic Entrance Headline:

Reveal Your Value Proposition

Engage users immediately with this eye-catching animation powered by the `hero-effects` controller.

Styleguide CTA Button

Supporting text appears smoothly.

Hero Effects Example 2 (CTA Focus)

Ready to See the Effect?

This subtle scaling effect draws attention to your call to action.

Another CTA Example

Why Choose Us?

Increase Efficiency

Automate repetitive tasks and save valuable engineering time.

Actionable Insights

Gain clear visibility into your metrics and make data-driven decisions.

Seamless Integration

Connect easily with your existing tools and workflows.

Get Exclusive Tips & Updates

Join our newsletter to receive expert advice, case studies, and special offers directly in your inbox.

Simple, Transparent Pricing

Basic

$19/mo

Perfect for individuals.

  • Feature A
  • Feature B
  • Feature C
Most Popular

Pro

$49/mo

Ideal for teams & businesses.

  • Feature A
  • Feature B
  • Feature C
  • Priority Support

Enterprise

Contact Us

For large-scale deployments.

  • All Pro Features
  • Dedicated Account Manager
  • Custom Integrations

What Our Customers Say

"This platform cut our development time in half. The support is fantastic too!"

- Alex Johnson, Lead Engineer @ Innovate Solutions

"Finally, a tool that understands the needs of modern marketing teams. It integrated perfectly with our stack."

- Samantha Lee, Head of Marketing @ Growth Co.