🎨 Catàleg de Dissenys AntropoBlue

Components i dissenys reutilitzables per al lloc web d'AntropoBlue. Tots utilitzen variables CSS del design system.

🎭 Hero Sections

Hero Primary Dark Fons fosc + Trust indicators

Eina professional d'anàlisi
per investigació acadèmica

Títol Principal del Hero

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

✓
Acadèmic
🔒
Privat
⚡
Ràpid
Hero Gradient Primary Gradient + Badges
💰 Preus Transparents🎓 Per Acadèmics

Títol amb Gradient

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

30 dies
Prova gratuïta
50%
Descompte estudiant
0€
Setup inicial
Hero Light Fons blanc + Accent blau

Hero Amb Fons Clar

Perfect per seccions internes o quan vols un aspecte més net i professional.

Hero Split 50% Text + 50% Visual

Hero amb Layout Split

Ideal per mostrar productes, aplicacions o serveis amb una imatge o demo visual prominent.

  • ✓ Característca important 1
  • ✓ Característica important 2
  • ✓ Característica important 3
📱

Placeholder per Imatge/Demo

Hero Minimal Net i simple

Hero Minimalista

Per quan vols elegància i simplicitat. Perfecte per pàgines de landing o seccions que necessiten focus.

Hero CTA Focus Optimitzat conversió
🚀 Oferta Limitada - 50% OFF

Comença la Teva Recerca Avui

Úneix-te a més de 500 investigadors que ja utilitzen AntropoBlue

No cal targeta de crèdit • Cancel·la quan vulguis

✓ Setup en 2 minuts✓ Suport 24/7✓ Dades privades

🎴 Cards

Card Basic Estàndard

Títol de la Card

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

Card Professional Gradient + Shadow

Mostra Estadísticament Significativa

Més de 38M d'usuaris actius: mostra àmplia i diversa per a recerca social rigorosa.

Why Academics Are Leaving Twitter
→
The Rise of Bluesky
→
Card Service Icona + Features
📊
Temps Real

Monitorització en Temps Real

Segueix mencions, hashtags i converses sobre la teva marca amb actualitzacions automàtiques.

🔍Detecció automàtica de mencions
🎯Keywords personalitzables
⚡Alertes instantànies
Card Pricing Preu destacat
MÉS POPULAR

Professional

12€
per mes
  • ✓ 6-20 projectes simultanis
  • ✓ Keywords il·limitades
  • ✓ Suport prioritari

🔲 Grids i Layouts

Grid 2 Columnes 50/50 responsive

Columna 1

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Columna 2

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Grid 3 Columnes Equilibrat
📊

Anàlisi

Eines d'anàlisi avançades

🔍

Cerca

Sistema de cerca intel·ligent

📈

Reports

Informes personalitzats

Grid 4 Columnes Features/serveis

Mostra Estadística

38M usuaris actius

Migració Digital

Twitter → Bluesky

API Tancada

vs. Ciència Oberta

Biaix Algorítmic

Documentat

Grid Timeline Línia central + passos

Crear Projecte

Setup en 2 minuts

1
📝
📊
2

Anàlisi Automàtic

Dashboard 24/7

Taules

Taula Bàsica

fons-blancborders-subtilsresponsive
FuncionalitatDescripcióEstat
Anàlisi AutomàticaRecollida de dades cada 30 minutsActiu
Dashboard VisualGràfics interactius i mètriquesDesenvolupament
Alertes Intel·ligentsNotificacions automàtiques personalitzadesPlanificat

Taula Comparativa

3-columnesdestacar-columnagradients

Bàsic

0€

per sempre

  • ✓ 1 usuari BlueSky
  • ✓ Anàlisi bàsica
  • ✗ Dashboard avançat
MÉS POPULAR

Professional

29€

per mes

  • ✓ 10 usuaris BlueSky
  • ✓ Anàlisi avançada
  • ✓ Dashboard premium

Empresa

99€

per mes

  • ✓ Usuaris il·limitats
  • ✓ API personalitzada
  • ✓ Suport prioritari

Taula de Dades

stripediconesstats
MètricaValor ActualTendenciaEstat
👥 Seguidors2,847+12.5%✓ Òptim
📝 Posts145-2.1%⚠ Atenció
👍 Likes8,923+34.7%✓ Excel·lent
🔄 Reposts1,249-8.3%✗ Revisar

Botons

Botons Primaris

gradientefecte-hoverCTA

Botons Secundaris

bordersfons-transparentoutline

Botons amb Icona

iconesflexinteractius

Components Auxiliars

Badges i Etiquetes

colors-semànticsroundedstatus
ActiuPendentDesactivatNouPremiumDestacatGeneral

Alertes i Notificacions

iconescolors-semànticsdismissible
✓
Projecte creat correctament
El teu nou projecte d'anàlisi BlueSky està llest per utilitzar.
⚠️
Quota gairebé exhaurida
Has utilitzat el 85% del teu límit mensual d'anàlisi.
✗
Error de connexió
No s'ha pogut connectar amb l'API de BlueSky. Prova-ho més tard.
ℹ️
Actualització disponible
Nova versió amb millores de rendiment i noves funcionalitats.

Breadcrumbs

navegaciójerarquialinks

Barres de Progrés

animadespercentatgescolors
Configuració del projecte75%
Recollida de dades92%
70%
Anàlisi completada
2,347 usuaris processats