/ Mobile First / App Interface

PulseMobile.

Una interfaz pensada primero para pantallas pequenas: navegacion tactil, estados claros, componentes densos y una experiencia tipo app que tambien escala elegante en desktop.

Probar Interfaz
Tap Targets 44+

Controles comodos para dedo, sin elementos diminutos.

App States 4

Home, tareas, focus e insights en una sola experiencia.

Storage Local

Tareas, habitos y notas persisten en el navegador.

Responsive 100%

Primero movil, despues desktop con layout editorial.

/ Real Interface Functions

Funciones
Mobile

El proyecto muestra decisiones reales de UX: bottom navigation, formularios cortos, feedback inmediato, tarjetas escaneables, estados tactiles y contenido organizado para pantallas pequenas.

Bottom Navigation

Tabs inferiores para los flujos principales, faciles de alcanzar con una mano.

Task Engine

Tareas editables, prioridades visuales, completado y calculo de progreso diario.

Focus Timer

Pomodoro visual con ring de progreso, start/pause, break y reset.

Insights

Metricas y chart semanal para demostrar lectura rapida de datos en mobile.

Quick Notes

Notas persistentes para simular una app diaria con datos guardados.

Command Search

Comandos rapidos con atajo visual para saltar a funciones sin friccion.

/ Design System

UI Kit
Tactil

Componentes compactos, contraste alto y jerarquia limpia para que la interfaz se sienta premium pero siga siendo util. La estetica mantiene el noir/gold de tu marca.

Focus2.4h
Tasks8/12
MoodCalm
HTML

Semantica clara

Estructura de app, panels, forms, buttons y navegacion con labels accesibles.

CSS

Responsive real

Mobile first, device frame, bottom nav, grids fluidos y controles sin overflow.

JS

Estado interactivo

Estado central, localStorage, timer, toasts, tabs, tareas, habitos y comandos.