Grafito con volumen.
En escritorio, el menú permanece visible y las filas descansan sin cajas. El selector activo es una cápsula gris translúcida con borde óptico fino. Las etiquetas conservan 16 px en escritorio y 15 px en ventanas bajas.
MAKING ID / SISTEMA OS · 05.11.2026Claridad con
Claridad con
profundidad.
Contenido que se lee. Controles que se sienten. El cristal vive en la navegación y las acciones del OS; la información conserva una superficie estable.
Referencia visual del producto. Los ejemplos usan datos ficticios y no se conectan al OS.
MATERIAL / MOVIMIENTO / RESPUESTAEl cristal
en acción.
Cambia de pestaña, abre el menú Más y prueba una operación en claro u oscuro. La muestra utiliza los componentes Glass, Button, Menu y TabBar de Glisse.
Cargando demostración…
Rim: el borde óptico de Glisse. La lente de muestra usa Rim 1 y desenfoque de 3,5 px para que se aprecie el efecto. El selector lateral del OS usa un Rim más tenue (0,13) y desenfoque de 12 px. Son valores de diseño, sin un ajuste para el usuario.
La cápsula simula los tres estados. En el OS real, la confirmación llega solo cuando termina la operación.
El material tiene
una función.
El efecto tiene límites.
El desenfoque y el borde pertenecen a la superficie de cristal. El color del fondo puede pasar; los textos no deben competir. El borde, la máscara y el contenido entran y salen juntos.
El vinotinto se mantiene.
La acción principal conserva #73160F. La presión de Glisse aporta respuesta sin lavar el color. La X usa un control circular identificable y el foco se mantiene visible al navegar con teclado.
Lo importante, en sólido.
Usa superficies opacas para tablas, instrucciones y tarjetas. ABC Diatype organiza títulos y lectura; AOT Serial Mono identifica etiquetas y datos técnicos en el centro de marca.
Responder sin
desorientar.
Un origen reconocible.
El menú Más abre desde su botón y vuelve hacia él. La selección responde al pulsar y se asienta con el movimiento de Glisse. Evita reiniciar toda la superficie al cambiar una sección.
El trabajo deja señal.
La cápsula distingue operación en curso, confirmación verde y fallo rojo. La espera es indeterminada cuando no hay un porcentaje real. Cambiar de mes en Nómina consulta registros sin mostrar un guardado.
La lectura manda.
Las instrucciones extensas se pueden desplegar. Mantén la jerarquía y la posición de los controles al actualizar el contenido.
El movimiento se adapta.
Respeta movimiento y transparencia reducidos. El contraste y el significado se conservan aunque cambie el efecto. El navegador determina si puede aplicar la refracción; el desenfoque y el contraste sirven de respaldo.
El mismo lenguaje.
Su propio carácter.
OS móvil.
Menú oscuro en cuadrícula, iconos y etiquetas visibles, márgenes que respetan el área segura y acceso a Actualizar desde la aplicación instalada.
MALI.
Logo original, café en reposo y borgoña al interactuar. Los tonos pastel ayudan a leer estados y gráficos. MALI comparte materiales y movimiento con el OS; sus finanzas se mantienen separadas.
El sitio público comparte firma, tipografía y criterio visual con el OS. Usa los patrones que ayuden a presentar el trabajo y facilitar el contacto.
La base editorial.
Los documentos de octubre conservan la versión anterior del sistema. Para materiales y comportamientos actuales, usa esta página.
Demostración con Glisse 0.5.0, de Kelvin Zhang (MIT).