Component Library

Reusable components styled with the OpenBazaar AI theme system. Copy these components to maintain consistent styling across all pages.

Color Palette

Gray-scale only for professional, minimal aesthetic

Backgrounds

BG Primary
#FFFFFF
BG Secondary
#F9FAFB
BG Tertiary
#F3F4F6

Text Colors

Text Primary
#111827
Text Secondary
#4B5563
Text Tertiary
#6B7280
Text Muted
#9CA3AF

Typography

System fonts with light weights for clean hierarchy

Heading 1 - Light & Large

Heading 2 - Light & Medium

Heading 3 - Medium Weight

Heading 4 - Medium Weight

Large body text for introductions and lead paragraphs. Font size 20px.

Regular body text for main content. Font size 16px with comfortable line height.

Small body text for secondary information. Font size 14px.

Caption text for labels and metadata

<h1 class="h1">Heading 1</h1> <p class="body">Body text</p> <p class="caption">Caption</p>

Buttons

Three button styles in multiple sizes

Sizes

Variants

<button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-ghost">Ghost</button>

Cards

Flexible containers for content

Default Card

Gray background with border

Hover Card

Lifts on hover with shadow

White Card

Clean white background

<div class="card"> <h3 class="h3">Card Title</h3> <p class="body-sm">Card content</p> </div>

Form Inputs

Clean, accessible form controls

<input type="text" class="input" placeholder="Enter text...">

Badges

Small labels for metadata and categories

Default Dark New Featured
<span class="badge badge-default">Badge</span> <span class="badge badge-dark">Badge</span>
Marketing Components

Landing Page Components

Copy these high-converting components to create book landing pages, capture leads, and drive sales.

Hero Sections

Eye-catching headers to grab attention and communicate value

Centered Hero

New Release

Transform Your Knowledge Into a Published Book in 30 Days

Join 1,000+ authors who've published their expertise and built authority in their industry

No credit card required • 14-day money-back guarantee

Split Hero with Image

Bestseller

The Complete Guide to Building Passive Income

Learn the exact strategies that helped me generate $50,000/month in passive income. No fluff, just actionable tactics.

4.8/5
★★★★★ (847 reviews)
12,493
copies sold
📖 Book Cover Image
<div class="hero-centered"> <span class="badge badge-dark">New Release</span> <h1 class="h1">Your Headline</h1> <p class="body-lg">Your subheadline</p> <button class="btn btn-primary">Call to Action</button> </div>

Feature Grids

Highlight key benefits and features

What's Inside The Book

Everything you need to master the topic

📚

12 Chapters

Comprehensive coverage from beginner to advanced techniques

Action Plans

Step-by-step implementation guides you can follow immediately

🎁

Bonus Resources

Templates, worksheets, and tools worth $297

<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;"> <div class="card"> <h4 class="h4">Feature Title</h4> <p class="body-sm">Feature description</p> </div> </div>

Pricing Cards

Display pricing options and packages

Digital

eBook

$29 /one-time
  • PDF, EPUB, MOBI formats
  • Lifetime updates
  • Email support
Most Popular

Complete Package

$97 $197
  • Everything in eBook
  • Video course ($97 value)
  • Templates & worksheets
  • Private community access
Premium

Coaching

$497 /one-time
  • Everything in Complete
  • 3 x 1-on-1 coaching calls
  • Personal implementation plan
  • Priority support

Testimonials

Social proof to build trust and credibility

★★★★★

"This book completely transformed how I approach my business. The strategies are practical and actually work. Highly recommend!"

JD
John Doe
CEO, Tech Startup
★★★★★

"I've read dozens of books on this topic, and this is by far the most comprehensive and actionable. Worth every penny."

SM
Sarah Miller
Marketing Director
★★★★★

"Implemented the techniques in chapter 3 and saw results within a week. This is a game-changer for anyone serious about success."

RP
Robert Park
Entrepreneur
<div class="card"> <div class="mb-3">★★★★★</div> <p class="body mb-4">"Testimonial text..."</p> <div> <div class="body-sm">Name</div> <div class="caption">Title</div> </div> </div>

Stats & Metrics

Display impressive numbers and social proof

10,000+
Copies Sold
4.9/5
Average Rating
2,847
5-Star Reviews
94%
Would Recommend
<div style="display: grid; grid-template-columns: repeat(4, 1fr);"> <div> <div class="h1">10,000+</div> <div class="body">Metric Label</div> </div> </div>

Email Signup Forms

Capture leads and grow your audience

Free Download

Get the First Chapter Free

Join 5,000+ readers and get exclusive insights delivered to your inbox

No spam. Unsubscribe anytime.

Inline Signup

Stay Updated

Get notified about new releases and exclusive offers

<div class="card"> <h3 class="h3">Join Our Newsletter</h3> <form> <input type="email" class="input" placeholder="Email" /> <button class="btn btn-primary">Subscribe</button> </form> </div>

Call-to-Action Sections

Drive conversions with compelling CTAs

Ready to Transform Your Business?

Get instant access to the complete book and all bonus materials. 14-day money-back guarantee.

With Social Proof

JD
SM
RP

2,847 readers have already started their journey

Join Thousands of Successful Readers

Start implementing proven strategies today and see results within 30 days

30-day money-back guarantee • Instant access

FAQ Accordion

Answer common questions to reduce friction

Frequently Asked Questions

What format is the book available in? +

The book is available in PDF, EPUB, and MOBI formats, so you can read it on any device. You'll get instant access to all formats upon purchase.

Is there a money-back guarantee? +

Yes! We offer a 30-day money-back guarantee. If you're not satisfied with the book, just email us and we'll refund your purchase, no questions asked.

Do I get lifetime updates? +

Absolutely! You'll receive all future updates and additions to the book for free, forever. We're constantly improving the content based on reader feedback.

<details class="card"> <summary class="body">Question here?</summary> <p class="body-sm">Answer here</p> </details>

Author Bio Section

Build credibility with author credentials

👤
About the Author

Jane Anderson

Jane is a bestselling author, speaker, and business consultant who has helped over 10,000 entrepreneurs transform their businesses. She's been featured in Forbes, Entrepreneur, and Inc. Magazine.

With 15 years of experience in digital marketing and business strategy, Jane brings real-world insights and proven frameworks that deliver results.

10,000+
Clients Served
3
Bestselling Books
15 years
Experience

Alert Banners

Announcements and important messages

🎉
Limited Time Offer: 50% Off!
Use code LAUNCH50 at checkout. Expires in 24 hours.
📢
New Chapter Added
All customers get free access to the new bonus chapter on advanced tactics.
<div style="background: var(--color-surface-dark); color: white; padding: 1rem;"> <div class="body">Announcement message</div> </div>
Revolution Theme

Revolution Page Components

High-impact components for movement-building landing pages. Based on the Sovereignty Revolution theme.

Revolution Hero

Dark, impactful hero with live stats counter

🔓

THE SOVEREIGNTY REVOLUTION

They've kept you in the dark for decades.
We're turning on the lights.

25,847 people have reclaimed $127.4M using our weapons
<div style="background: var(--color-surface-dark); color: white; text-align: center;"> <div style="font-size: 4rem;">🔓</div> <h1>THE SOVEREIGNTY REVOLUTION</h1> <p>They've kept you in the dark for decades.</p> <div> <span>25,847</span> people have reclaimed <span>$127.4M</span> using our weapons </div> <button class="btn btn-primary">Browse Armory →</button> </div>

Armory Book Cards

Book showcase with savings highlight and action CTA

💰

$7,430 EITC Retroactive Claim

How to claim missed Earned Income Tax Credits for up to 3 years back

Recover $7,430
4,700+ readers $12.4M recovered
$2.99
📋

First-Time Abatement Weapon

Erase IRS penalties with one phone call using Form 843

Recover $5,000
3,200+ readers $8.1M recovered
$2.99
<div class="card" style="padding: 0;"> <div style="height: 250px; background: gradient;">Cover</div> <div style="padding: 1.5rem;"> <h3 class="h4">Book Title</h3> <p class="body-sm">Description</p> <div style="background: rgba(254, 166, 68, 0.1);"> Recover $7,430 </div> <div>4,700+ readers • $12.4M recovered</div> <div> <span class="h4">$2.99</span> <button class="btn btn-primary">Arm Yourself</button> </div> </div> </div>

Victory Cards

Success story testimonials with dollar amounts

$18,400

"Used First-Time Abatement - $18,400 in penalties erased with one phone call. Took 15 minutes."

Sarah K., Ohio
3 days ago
📚 FTA Weapon
$14,780

"EITC retroactive claim: $14,780. I had no idea I qualified for three years. This changed everything."

Marcus T., Florida
1 week ago
📚 EITC Guide
$32,500

"Offer in Compromise approved. Settled $87,000 debt for $32,500. Following the exact blueprint worked."

Jennifer L., Texas
2 weeks ago
📚 OIC Blueprint
<div class="card" style="border-left: 4px solid #fea644;"> <div style="background: rgba(254, 166, 68, 0.1);"> <span>$18,400</span> </div> <p>"Victory story..."</p> <div> <div>Sarah K., Ohio</div> <div>3 days ago</div> <div class="badge">📚 Book Title</div> </div> </div>

Multi-Action CTA Section

Multiple conversion paths in one section

Choose Your Next Move

🎯

Share Your Victory

Inspire others by sharing how much you recovered

🤝

Arm Others

Gift books to friends and family

✍️

Create Your Own

Join the publishing revolution

<div style="background: var(--color-surface-dark); color: white;"> <h2>Choose Your Next Move</h2> <div style="display: grid; grid-template-columns: repeat(3, 1fr);"> <div>Action 1</div> <div>Action 2</div> <div>Action 3 (Featured)</div> </div> </div>

Live Stats Counter

Real-time metrics for social proof

The Revolution By Numbers

Updated in real-time as people reclaim their power

25,847
Armed Citizens
$127.4M
Total Recovered
12,450
Victories Shared
5
Weapons Available
<div style="display: grid; grid-template-columns: repeat(4, 1fr);"> <div> <div style="font-size: 3.75rem; color: #fea644;">25,847</div> <div class="caption">Armed Citizens</div> </div> </div>

Theme Variables

Customize the entire theme by modifying CSS variables

:root { /* Colors */ --color-bg-primary: #FFFFFF; --color-text-primary: #111827; /* Typography */ --font-family: -apple-system, ...; --text-base: 1rem; /* Spacing */ --spacing-md: 1rem; --spacing-lg: 1.5rem; /* Border Radius */ --radius-md: 0.5rem; /* Shadows */ --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08); /* Teneo Orange Accent (Revolution theme) */ --color-brand-orange: #fea644; --color-brand-orange-hover: #ff9003; }