Sistema de diseño
Tokens derivados de la referencia de Figma (docs/design_code), definidos como propiedades CSS en el bloque @theme de Tailwind. Las utilidades de esta página heredan los valores del tema; ningún componente redefines estilos.
Colores de marca
- amarillo AIMPLAS--color-aimplas-yellow · #F5C400
- amarillo oscuro--color-aimplas-yellow-dark · #D4A900
- azul marino--color-aimplas-navy · #1A2332
- azul marino claro--color-aimplas-navy-light · #243044
- azul marino apagado--color-aimplas-navy-muted · #3A4F6A
- fondo de pantalla--color-fondo-pantalla · #F7F8FA
Colores de estado
- éxito#16A34A
- éxito (fondo)#F0FDF4
- peligro#DC2626
- peligro (fondo)#FEF2F2
- aviso#D97706
- aviso (fondo)#FFFBEB
- información#2563EB
- información (fondo)#EFF6FF
- ensayo#EA580C
- ensayo (fondo)#FFF7ED
Tipografía
Inter · la familia sans del sistema (font-sans)
Pesos 400–800 de Inter Variable, empaquetada localmente sin depender de un CDN.
Componentes de interacción
Botones con variantes y campos de formulario con estados de validación (PBI-2976-T02). Interactúa: pulsa «Validar» con los campos vacíos para ver el estado de error, y rellénalos para ver el estado normal.
Componentes de presentación
Tarjetas, tablas con scroll horizontal e insignias (PBI-2976-T03), derivadas de las listas de Figma (docs/design_code). La tabla excede el ancho de la tarjeta y su contenedor permite desplazarla horizontalmente sin partir columnas.
Envases de la empresa
Lista con scroll horizontal: la tabla excede el ancho de la tarjeta y el contenedor permite desplazarla.
| Envase | Tipo | Polímero | Color | Peso | Revisión | Estado |
|---|---|---|---|---|---|---|
| Bandeja termoformada PP | Tray | PP | Incoloro | 45 g | 2 | Evaluado |
| Botella HDPE detergente | Bottle | HDPE | Coloreado | 85 g | 1 | Test requerido |
| Film estirable PE multicapa | Film | PE | Incoloro | 12 g | 1 | En curso |
| Bolsa zip LDPE | Pouch | PE | Incoloro | 18 g | 1 | Programado |
| Vaso desechable PS | Tub, Pot & Cup | PS | Incoloro | 6 g | 1 | Pendiente |
| Frasco PET cosméticos | Bottle | PET | Incoloro | 32 g | 2 | Rechazado |
Componentes de retroalimentación
Diálogos, notificaciones, indicadores de carga y estados vacíos (PBI-2976-T04), derivados de la paleta de estados del tema y del diálogo de Figma. Interactúa: abre el diálogo y ciérralo con «Cancelar», «Confirmar» (muestra el estado de guardando) o la tecla Escape, y descarta las notificaciones.
Ciclo completo: botón que abre, «Cancelar» y «Confirmar» en el pie, y tecla Escape.
Sin envases
Esta empresa todavía no tiene envases registrados. Añade el primero para poder iniciar evaluaciones.
Vistas de evaluaciones y ensayos
Vistas de las secciones de evaluaciones y ensayos (PBI-2976-T08) construidas combinando los componentes del design system: lista en tabla con insignias de estado y chip de versión de guía, detalle de evaluación con sus ensayos, estado vacío con recuperación y formulario de solicitud con validación. Los datos son de demostración, derivados de la referencia de Figma (docs/design_code); no llaman a la API ni persisten nada.
Evaluaciones
Evaluaciones RecyClass de la referencia de Figma (datos de demostración).
| Envase | Guía RecyClass | Score | Estado | Ensayos | Actualizada |
|---|---|---|---|---|---|
Bandeja termoformada PP Tray | RC-PP-v5.2 | A | Evaluado | — | 2024-11-15 |
Botella HDPE detergente Bottle | RC-HDPE-v3.0 | B | Evaluado | — | 2024-12-05 |
Bolsa zip LDPE Pouch | RC-PE-v4.1 | – | Test requerido | 🧪 2 ensayos | 2025-01-08 |
Vaso desechable PS Tub, Pot & Cup | RC-PS-v2.4 | – | Pendiente | — | 2025-04-01 |
Vistas de informes y certificaciones
Vistas de los dominios de informes y certificaciones (PBI-2976-T09) construidas combinando los componentes del design system: lista de informes con insignias de estado y chip de guía, detalle con reciclabilidad, indicadores de carga, estados vacíos con recuperación y formulario de generación con validación; pantalla de certificados de reciclabilidad (Figma) con filtros, expediente de certificación con documentos y registro de nuevas certificaciones. Los datos son de demostración, derivados de la referencia de Figma (docs/design_code); no llaman a la API ni persisten nada.
Informes
Informes de reciclabilidad emitidos a partir de las evaluaciones (datos de demostración).
| Informe | Envase | Guía RecyClass | Estado | Emisión |
|---|---|---|---|---|
INF-2025-011 Informe de reciclabilidad — Bandeja termoformada PP | Bandeja termoformada PP | RC-PP-v5.3 | Publicado | 2025-02-10 |
INF-2025-018 Informe técnico — Botella HDPE detergente | Botella HDPE detergente | RC-HDPE-v3.0 | En curso | 2025-03-02 |
INF-2025-021 Informe de ensayo — Bolsa zip LDPE | Bolsa zip LDPE | RC-PE-v4.1 | Borrador | 2025-03-15 |