🎨 AntropoBlue Design Catalog

Reusable components and designs for the AntropoBlue website. All use CSS variables from the design system.

🎭 Hero Sections

Hero Primary Dark Dark background + Trust indicators

Professional analysis tool
for academic research

Hero Main Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos quibusdam vel natus.

✓
Academic
🔒
Private
⚡
Fast
Hero Gradient Primary Gradient + Badges
💰 Transparent Pricing🎓 For Academics

Title with Gradient

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodo veniam temporibus.

30 days
Free trial
50%
Student discount
0€
Initial setup
Hero Light White background + Blue accent

Hero with Light Background

Perfect for internal sections or when you want a cleaner and more professional look.

Hero Split 50% Text + 50% Visual

Hero with Split Layout

Ideal for showcasing products, applications or services with a prominent image or visual demo.

  • ✓ Important feature 1
  • ✓ Important feature 2
  • ✓ Important feature 3
📱

Placeholder for Image/Demo

Hero Minimal Clean and simple

Minimalist Hero

For when you want elegance and simplicity. Perfect for landing pages or sections that need focus.

Hero CTA Focus Conversion optimized
🚀 Limited Offer - 50% OFF

Start Your Research Today

Join over 500 researchers already using AntropoBlue

No credit card required • Cancel anytime

✓ 2-minute setup✓ 24/7 support✓ Private data

🎴 Cards

Card Basic Standard

Card Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum.

Card Professional Gradient + Shadow

Statistically Significant Sample

Over 38M active users: broad and diverse sample for rigorous social research.

Why Academics Are Leaving Twitter
→
The Rise of Bluesky
→