Saltar al contenido

Introducción

Un lenguaje visual para todo Veetcuna

Diseña y construye con los mismos fundamentos, componentes y reglas en cada módulo.

Por qué este estilo

Buscamos que Veetcuna se sienta como un espacio de trabajo cuidado y tangible: superficies suaves que agrupan información, controles que parecen pertenecer al mismo material y acentos que permiten reconocer la acción principal.

Nuestra interpretación del neoesqueuomorfismo toma la profundidad del neumorfismo —relieves suaves, luz y sombra, zonas elevadas y hundidas— y la adapta a una interfaz de trabajo. La profundidad ayuda a entender qué contiene información, qué se puede accionar y qué está seleccionado. La legibilidad y la densidad operativa guían su intensidad.

Conoce el origen de este lenguaje en Motivación y estilo.

Empezar

Empieza por los fundamentos, elige una primitiva global y consulta sus estados antes de componer una pantalla. Los ejemplos utilizan los componentes de producción con datos ficticios. Puedes interactuar con ellos sin modificar datos del producto.

Fuentes de verdad

Los tokens y componentes son la implementación. DESIGN.md contiene las reglas resumidas aprobadas; las fichas desarrollan sus usos. El inventario conserva los componentes de negocio y su alcance. Si una implementación contradice una regla, la diferencia debe hacerse visible y resolverse antes de copiarla.

Un sistema, varios módulos

CRM es la referencia visual actual. El prefijo Crm de una primitiva no limita su uso a CRM. Finance, CMS, HR, Zuyo y las superficies públicas comparten acciones, superficies, tipografía y modales.

Fundamentos

Colores y temas

Roles semánticos y valores del tema activo.

Componentes

Botones y enlaces

Acciones principales, secundarias, de peligro y enlaces.

Inventario

Inventario completo

Busca componentes y referencias de todos los módulos.

Contribución e IA

Contribución e IA

Cómo mantener los componentes, sus guías y las reglas para agentes.