Design system v4.1
Sobrio en la forma, vivo en el estado.
Catálogo vivo de los componentes de apps/web/src/components. Reglas y fichas por pantalla en docs/diseno/. Cambia el tema con el botón del header para revisar claro y oscuro.
Marca
Solo la palabra, en minúsculas, con la última «a» en Señal. Sin símbolo.
Color
Neutros cálidos y una sola tinta. Señal marca únicamente lo que está en curso. Destructive es el único rojo de acción.
Tipografía
Geist para hablar, Geist Mono para medir: todo lo que se copia (hashes, dominios, variables, tiempos) va en mono.
Tu primer proyecto
api-tienda · versión #14
Consumo del período
Tu proyecto se está construyendo.
Construcción
a1b2c3d · api-tienda.deploya.app · DATABASE_URL
Botones
Una acción principal por vista. Verbo en infinitivo. Solo-icono con aria-label.
Estados
Despliegue y suscripción son vocabularios distintos. Nunca los mezcles ni armes el badge a mano.
Riel de etapas
Cinco segmentos, siempre en el mismo orden. En listas mide 55px; en cabeceras lleva etiquetas.
- Recepción1.4 scompletada
- Construcción01:10en-curso
- Ejecución—pendiente
- Enrutamiento—pendiente
- Operación—pendiente
Formularios
Es tu usuario para iniciar sesión.
Este correo ya tiene una cuenta.
- Mínimo 12 caracteres(pendiente)
- Mayúsculas y minúsculas(cumple)
- Al menos un número(pendiente)
- Al menos un símbolo(cumple)
Avisos
Tu plan Starter venció el 24 sep · despliegues bloqueados
La construcción terminó con código 127
Construyendo la versión #14
Todos los cobros son simulados; los comprobantes no tienen valor fiscal.
Superficies y datos
Consumo del período
Se reinicia el 03 oct
Último despliegue
- Commit recibidoa1b2c3d · feat: carrito persistente12:04:01
- Imagen construida148 MB12:05:53
- Tráfico redirigido#13 detenido · #14 en línea12:06:23
| Versión | Commit | Duración | Estado |
|---|---|---|---|
| #14 | feat: carrito persistente | 2 min 41 s | Saludable |
| #11 | feat: cupones por categoría | 0 min 38 s | Fallido |
Bitácora, pasos y actividad
- RepositorioURL, rama y Dockerfile
- 02VariablesClaves cifradas
- 03RevisarConfirmar y desplegar
Gráficas
SVG a mano, una escala por gráfica. Tinta para la serie, warn solo en la zona de aviso, Señal solo en el punto «ahora» y los despliegues como chips. Datos de ejemplo: en las pantallas salen de la API.
Memoria
CPU
Memoria compacta
Sin datos
Tiempo por etapa
Una columna por despliegue; #3 falló y #5 es una reversión.
- Recepción
- Construcción
- Ejecución
- Enrutamiento
- Operación
- Donde falló
- Reversión, sin construir
Ritmo de construcciones
Acumulado del mes contra la cuota; día 20 de 31, proyección ~130 en la zona de aviso.