SISTEMA DE DISEÑO
Styleguide
Cada componente con sus variantes, tamaños y los cuatro estados (idle, loading, empty, error). Esta página es el contrato visual de Licitia.
Color
Background
--bg
Surface
--surface
Surface muted
--surface-muted
Border
--border
Border strong
--border-strong
Text
--text
Text muted
--text-muted
Text subtle
--text-subtle
Accent
--accent
Accent soft
--accent-soft
Success
--success
Warn
--warn
Danger
--danger
Tipografía
DISPLAY · Instrument Serif · clamp(2.5rem, 4vw, 4rem)
Tu radar de licitaciones en serio.
H1 · Inter 600 · 1.875rem
Buenos días, Andrea
H2 · Inter 600 · 1.5rem
Vista general del feed
H3 · Inter 600 · 1.125rem
RED.ES · Datos.gob.es
BODY · Inter 400 · 0.9375rem
El órgano de contratación de la Sociedad Mercantil Estatal Red.es M.P. licita la evolución del portal Datos.gob.es: arquitectura de información, diseño visual y componente UI accesibles.
MONO · JetBrains Mono
CPV 72413000-8 · 180.000 € · BOE-B-2026-11314
Buttons
Badges
CPV (Vocabulario de contratación)
Pasa el ratón por cualquier código para ver su descripción completa.
¿Qué son los códigos CPV?
CPV (Common Procurement Vocabulary) es el sistema oficial de la UE que clasifica qué se está contratando en cada licitación pública. Sin él, no podríamos saber si una licitación es de "diseño web" o de "limpieza de oficinas".
Cada código tiene 8 dígitos organizados de lo general a lo específico:
En Licitia, los CPVs son el factor más pesado del matching (30% del score): coincidencia exacta = 100 puntos; coincidencia solo de familia (primeros 4 dígitos) = 60; sin coincidencia = 0.
Pasa el ratón por cualquier código en la página para ver su descripción completa.
ScoreRing
Inputs
Acepta acentos y mayúsculas indistintamente
Cards
DEFAULT · NO INTERACTIVO
Card por defecto
Sombra suave, sin hover. Para paneles informativos.
INTERACTIVE · LINK
Card interactiva
Hover sutil con elevación. Para listas clicables.
Estados
LOADING
EMPTY
Nada por aquí, todavía
Cuando llegue una licitación nueva, aparecerá en este feed.
ERROR
No hemos podido cargar el feed
Comprueba tu conexión y vuelve a intentarlo.
SUCCESS · TOAST
Confirmaciones de acción se anclan abajo a la derecha durante 3 segundos.
Disclosure
Espaciado & Radios
ESCALA DE ESPACIADO · 4PX BASE
RADIOS