📄 CatalogQR – Sistema de Diseño (Precision Architect)
Este documento detalla la implementación técnica del sistema de diseño Precision Architect utilizado en CatalogQR.
🎨 Fundamentos Visuales
El diseño prioriza la claridad, la velocidad de escaneo de datos y una sensación premium “No-Line”.
Componentes Core
- Aparatos (Widgets): Uso de sombras suaves (
shadow-sm) en lugar de bordes pesados. - Radios de Curvatura:
- Tarjetas Principales:
16px. - Contenedores de Iconos:
12px. - Botones de Acción:
10px.
- Tarjetas Principales:
Tipografía Dinámica
- Uso de la fuente Inter con escalado semántico.
- Micro-interacciones: Transiciones de
opacityyscaleen hover para mejorar la UX.