Pantallas
Tres pantallas completas armadas con los componentes del catálogo, en desktop y mobile (Figma · página Ejemplos de pantallas completas). Son prototipos reales, con datos inventados; cada vista previa es la pantalla funcionando.
Dashboard
Inicio de la cuenta: productos, carrito y vencimientos.
Desktop (1280 px, reducido). El menú lateral se expande y contrae; el avatar abre el popover de la cuenta y la campana, el panel de notificaciones.
Mobile (360 px). Se puede usar: abre el menú, el panel y los controles.
Servicio
Detalle de un Web Hosting: plan, uso de recursos y características.
Desktop (1280 px, reducido). Menú contextual del servicio a la izquierda; en mobile se abre como drawer «Secciones» desde el ⋮ del título.
Mobile (360 px). Se puede usar: abre el menú, el panel y los controles.
Lista de servicios
Búsqueda, orden y paginación sobre doce servicios.
Desktop (1280 px, reducido). Prueba buscar «tienda», ordenar o mostrar 10 por página; con «zzz» aparece el estado vacío.
Mobile (360 px). Se puede usar: abre el menú, el panel y los controles.