v0.2Sistema de diseño de Atajo One

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 producto Fundamentos

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

Atajo One

Recientes

Silencio administrativo

Licencia de actividad

Traslado del mercadillo

Modo administración

Ayuntamiento de ejemplo

Consultas /Silencio administrativo

Tú
Presenté una solicitud en el ayuntamiento hace cuatro meses y no me han contestado. ¿Qué pasa ahora?
Atajo One
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
1EstatalLey 39/2015, del Procedimiento Administrativo Común · art. 21.3BOE
Fragmento recuperado
Cuando las normas reguladoras de los procedimientos no fijen el plazo máximo, éste será de tres meses.
2EstatalLey 39/2015 · art. 24.1, silencioBOE
Sin extracto disponible.
3LocalOrdenanzas de tu municipio · sin plazo específico para este trámiteOrdenanzas
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-*

EstatalBOE
AutonómicoDiario oficial autonómico
ProvincialBOP
LocalOrdenanzas
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

Atajo One.

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 @atajo-one/design y tiene su ficha en el menú.

Acciones

Campos

Avisar de cambios

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

Hoja y cielo.

Componentes reales, datos de ejemplo.

Tres materias y una escala territorial.

El gesto grande y el resto pequeño.

Papel, cristal e imprenta.

Un kit con carácter propio.

Llega, no rebota.

Honestidad antes que hype.