Saltar al contenido
LegislAI

v0.2Sistema de diseño de LegislAI

Hoja y cielo

Las normas son hojas apiladas por territorio. La interfaz también: papel para leer, tinta para decidir y azul cielo como materia, nunca como adorno.

Ver en productoFundamentos
  • 01

    Evidencia antes que autoridad

  • 02

    Abstenerse también es responder

  • 03

    La lectura va primero

Así se ve en producto

Componentes reales, datos de ejemplo

Prueba el filtro territorial y las citas
Consultas /Silencio administrativo

  1. Tú

    Presenté una solicitud en el ayuntamiento hace cuatro meses y no me han contestado. ¿Qué pasa ahora?

  2. LegislAI

    Cuatro niveles consultados

    Si la norma que regula tu procedimiento no fija otro plazo, la Administración tenía tres meses para resolver y notificar1. Pasado ese plazo sin respuesta, el silencio es, por regla general, estimatorio2. Tu ayuntamiento no fija un plazo propio para este trámite3.

    Fuentes · 3

    1. 1EstatalLey 39/2015, del Procedimiento Administrativo Común · art. 21.3

      Fragmento recuperado

      Cuando las normas reguladoras de los procedimientos no fijen el plazo máximo, éste será de tres meses.
    2. 2EstatalLey 39/2015 · art. 24.1, silencio

      Sin extracto disponible.

    3. 3LocalOrdenanzas de tu municipio · sin plazo específico para este trámite

      Sin extracto disponible.

Ejemplo ilustrativo · no constituye asesoramiento

01Color

Tres materias y una escala territorial

Tinta y papel para leer; el cielo como plano gráfico. La intensidad del cielo crece cuanto más cerca de la persona está la norma: es la única escala de color del producto.

#0b1117

Tinta.

Texto, acción principal, burbuja de la pregunta.

#ffffff

Papel.

Hojas: respuestas, tarjetas, formularios.

#3faff3

Cielo.

Materia: planos, puntos finales, nivel local, foco. Nunca texto sobre papel.

Niveles territoriales · --level-*
  1. EstatalBOE
  2. AutonómicoDiario oficial autonómico
  3. ProvincialBOP
  4. LocalOrdenanzas
  5. PlenoActas y documentación propia
EstatalBOE
Autonómico · tu comunidadDiario oficial
Provincial · tu provinciaBOP
Local · institucionalOrdenanzas · plenos
Tu municipio.
backgroundLienzo frío bajo las hojas
cardHoja de papel
mutedSuperficie secundaria
muted-foregroundTexto secundario (AA)
primaryAcción: tinta / papel en noche
brandCielo con texto tinta
linkEnlace sobre papel (AA)
accentHover y resaltado
ringFoco de teclado (≥3:1)
borderFilete
inputCanto de control (≥3:1)
destructiveAcción irreversible
VigentePendiente de revisiónFallidoEn cursoSin iniciar40+ pares verificados AA en ambos temas

02Tipografía

El gesto grande y el resto pequeño

Inter para todo, con titulares a 600 y tracking negativo. JetBrains Mono para referencias, artículos y boletines, siempre en sentence case. Se evita la zona media: o póster, o lectura.

Inter · 400 500 600Aa.JetBrains Mono · art. 21.3

Póster

type-poster · 56–140 px · 0.9 · −0.055em

LegislAI.

Display

type-display · 40–80 px · 0.96

Una respuesta

Headline

type-headline · 28–44 px · 1.04

Cada frase lleva su norma al lado

Título

type-title · 22 px · 600

Fragmentos consultados

Lectura

text-[17px] · 1.75 · 400

Si la norma que regula tu procedimiento no fija otro plazo, la Administración tenía tres meses para resolver y notificar.

Etiqueta

mono-label · 12 px · JetBrains Mono

Ley 39/2015 · art. 21.3 · BOE

03Geometría y materia

Papel, cristal e imprenta

Hojas de 16 px, controles y acciones de 8 px y chips de 4 px. Tres elevaciones con sentido: el plano para leer, el cristal para lo que flota y el canto de imprenta para lo que tiene que destacar.

Chip

4 px

Control

8 px

Hoja

16 px

Acción

8 px
Plano · borde 1 px

Plano

Respuestas, tablas y formularios. Sin sombra: el filete basta.

Cristal · blur 20 px · saturate 140%

Cristal

Menús, tooltips, cabecera fija y compositor.

Imprenta · 4 px 4 px 0

Imprenta

El canto de una hoja, sin desenfoque. Para la pieza que define la pantalla. En noche, el canto es cielo.

04Componentes

Un kit con carácter propio

Botones de tinta, campos con foco de cielo, chips de nivel y estados de norma. Cada pieza vive en @legislai/design y tiene su ficha en el menú.

Acciones
Campos
Niveles, estados y referencias
EstatalAutonómicoProvincialLocalPleno
Vigente· consolidada 2023Modificada· RDL 11/2018Derogada· Ley 30/1992

El plazo máximo es de tres meseschunk-3salvo que la ordenanza fije otrochunk-7. Las referencias que no se pueden resolver quedan como texto: [chunk-99].

TintaCieloBorradorSin evidencia suficiente1,4 s

05Movimiento

Llega, no rebota

Sólo se animan transform, opacity y filter. Las respuestas entran desenfocadas y se asientan; la búsqueda enciende los niveles en orden. Con movimiento reducido, todo aparece en su estado final.

Respuesta en streaming

La respuesta llega palabra a palabra y, debajo, cada norma citada con su nivel. 

LocalProvincialAutonómicoEstatal
--motion-fast
140 ms
Hover, color, foco
--motion-normal
220 ms
Controles, menús
--motion-slow
420 ms
Entrada de respuestas (rise)
--motion-ease-out
expo out
Todo lo que llega

06Voz

Honestidad antes que hype

Español peninsular, frases cortas con sujeto, lenguaje inclusivo por colectivo. Abstenerse se explica con la misma calma que una respuesta.

SíCon la evidencia disponible no podemos responder.

NoNo existe legislación sobre este tema.

SíRelevancia de recuperación: 0,812

No81,2 % de certeza

SíLa ciudadanía, el personal técnico

NoLos ciudadanos, los técnicos

SíOrienta, no firma.

NoRespuesta legal definitiva