Panel 01 de 07

Dashboard

Sidebar sólido azul con dot rojo al borde, Dynamic Island mostrando upload, HUGE stat numbers con underline de color, cards con top border rotando.

Estado A · Sidebar colapsado80px sidebar con iconos. Dynamic Island al top. Hola María en Merriweather.

Estado B · Sidebar expandido240px con secciones + active con dot rojo al borde derecho.

Estado C · Móvil 390pxDrawer + Dynamic Island.

A Dashboard · Sidebar colapsado

iOS 18 Dynamic Island · HUGE stats · tricolor cards

Hola, María

Tenés 3 tareas pendientes y un evento mañana a las 19:00.

+12%

Registros pendientes

Archivos guardados

Contactos en tu red

Mensajes sin leer

Actividad reciente

Ver todo →

Cargaste Pasaporte.pdfHace 12 min · Mi unidad

Listo

Carlos R. se unió a Amigos USAHace 1 h · Mi red

Nuevo

Activaste verificación en 2 pasosHace 2 h · Seguridad

Activo

Charla: Derechos laboralesMañana 19:00 · Actividades

Pronto

Tus próximas tareas

+ Agregar

Subir acta de nacimientoPara registro civil · vence en 5 días

Confirmar dirección actualVerificación de identidad

Completar perfil de redesListo · María Pérez

B Dashboard · Sidebar expandido

240px · dot rojo al borde · secciones visibles

Hola, María

Tenés 3 tareas pendientes y un evento mañana a las 19:00.

+12%

Registros pendientes

Archivos guardados

Contactos en tu red

Mensajes sin leer

Actividad reciente

Ver todo →

Cargaste Pasaporte.pdfHace 12 min · Mi unidad

Listo

Carlos R. se unió a Amigos USAHace 1 h · Mi red

Nuevo

Activaste verificación en 2 pasosHace 2 h · Seguridad

Activo

Charla: Derechos laboralesMañana 19:00 · Actividades

Pronto

Tus próximas tareas

+ Agregar

Subir acta de nacimientoPara registro civil · vence en 5 días

Confirmar dirección actualVerificación de identidad

Completar perfil de redesListo · María Pérez

C Móvil · Drawer con menú completo

drawer iOS · 82% width

Panel 02 de 07

Registro

Wizard de 4 pasos con stepper circular. Step activo en azul con halo. Inputs focus azul. Botones tricolor (azul primary, verde success, rojo danger).

A Wizard · paso 2 Datos personales

stepper circular · inputs pill

Nuevo registro

Completá los datos en 4 pasos. Podés guardar y volver más tarde.

Categoría

Datos personales

Documentación

Revisión

Datos personales

Estos datos coinciden con tu documento de identidad.

Nombre completo

María Fernanda Pérez Gómez

Fecha de nacimiento

12 / 03 / 1988

Nacionalidad

Mexicana

Estado civil

Casada

Pasaporte N°

G25871456

Email de contacto

maria.perez@gmail.com

¿Por qué pedimos esto?

Tu información está protegida con encriptación AES-256 y solo se usa para validar tu identidad.

B Wizard · paso 3 Documentación

dropzone pill · 3 archivos cargados

Adjuntá tu documentación

3 de 5 archivos cargados. Formatos: PDF, JPG, PNG.

Categoría

Datos

Documentación

Revisión

Arrastrá tus documentos aquíPDF, JPG, PNG hasta 25MB

Pasaporte.pdf

1.2 MB · listo ✓

Foto-visa.jpg

820 KB · listo ✓

Acta-nac.pdf

2.4 MB · listo ✓

C Móvil · Wizard en stack

drawer cerrado · paso 2/4

RegistroPaso 2 de 4

Nuevo registro civil

Paso 2 de 4 — Datos personales

Categoría

Datos

Documentos

Revisión

Datos personales

Nombre

María Fernanda Pérez

Nacionalidad

Mexicana

Pasaporte

G25871456

Panel 03 de 07

Mis archivos

Sidebar con sub-rutas. Grid de archivos con iconos coloreados (azul PDF, verde img, amarillo doc). Ring de almacenamiento azul.

A Archivos · sidebar expandido con sub-rutas

6 sub-rutas · 48 archivos · grid 3 col

Tu unidad personal

48 archivos · 6.2 GB de 10 GB usados.

Arrastrá archivos aquíPDF, JPG, PNG hasta 25MB

Pasaporte.pdf

1.2 MB · hace 12 min

Foto-visa.jpg

820 KB · ayer

Acta-nac.pdf

2.4 MB · 3 días

ITIN-W7.pdf

600 KB · 1 sem

Selfie-verif.jpg

340 KB · 2 sem

Tax-2024.pdf

1.8 MB · 1 mes

Almacenamiento

6.2 GB de 10 GB

B Archivos · Compartidos conmigo

sidebar expandido · 9 archivos compartidos

Compartidos por tu red

9 archivos de 4 personas.

Guia-ITIN.pdf

de Carlos R. · 2 sem

Contrato-alquiler.pdf

de Lucía M. · 1 mes

Carnet-vac.jpg

de Pedro S. · 1 mes

Compartido por

Carlos Ramírez3 archivos · hace 2 sem

Lucía Mendoza2 archivos · hace 1 mes

Pedro Sánchez4 archivos · hace 1 mes

C Móvil · Archivos vertical

drawer cerrado · Mi unidad

Mis archivosMi unidad

Subir archivosPDF, JPG, PNG

Pasaporte.pdf

1.2 MB · hace 12 min

Foto-visa.jpg

820 KB · ayer

Acta-nacimiento.pdf

2.4 MB · 3 días

ITIN-W7.pdf

600 KB · 1 sem

Panel 04 de 07

Mi red

Feed estilo red social con grupos. Avatar circular, composer con pill input, post foto con gradient tricolor (azul→rojo→verde).

A Mi red · Mi muro

feed principal · 4 grupos · reactions

Tu muro

3 publicaciones nuevas de tu red esta semana.

¿Qué querés compartir hoy, María?

Carlos Ramírezen Amigos USA · hace 2 h

¡Por fin llegaron mis documentos del ITIN! 🎉 Gracias a todos por la paciencia.

"Welcome, Carlos"

❤️ 14 · 💬 5Me gusta · Comentar · Compartir

Lucía Mendozaen Familia · ayer

Charla gratuita sobre derechos laborales este sábado a las 11 AM en el centro comunitario 🌮

❤️ 22 · 💬 8 · 🔁 3Me gusta · Comentar

B Mi red · Mis grupos

4 grupos · 74 personas

Tus 4 grupos

74 personas en total · 2 con actividad reciente.

Personas en tu red

Posts esta semana

142

Reacciones

Eventos próximos

Familia8 miembros · 3 posts hoy

Espacio privado para compartir con tu familia.

Amigos USA23 miembros · muy activo

Comunidad de amigos latinos en USA.

Trabajo12 miembros

Networking laboral.

C Móvil · Feed vertical

drawer cerrado · posts stackeados

Mi redMi muro

¿Qué querés compartir?

Carlos RamírezAmigos USA · 2 h

¡Por fin llegaron mis documentos del ITIN! 🎉

❤️ 14 · 💬 5

Lucía MendozaFamilia · ayer

Charla gratuita sobre derechos laborales este sábado 🌮

❤️ 22 · 💬 8

Panel 05 de 07

Mensajes

Chat con bubbles azul para el usuario, lista de contactos con unread pill rojo. Compose con input.

A Mensajes · chat con Carlos

5 sin leer · Messages iOS feel

Bandeja de entrada

5 mensajes sin leer.

Mensajes

Buscar...

Carlos Ramírez¡Confirmamos para mañana!

Lucía MendozaTe paso los documentos...

Pedro SánchezGracias por la ayuda

Ana García¿Vamos al taller?

Carlos RamírezEn línea

¡Hola María! ¿Pudiste revisar los documentos?10:24

Sí, los vi. Todo perfecto, gracias 👍10:31

Genial. ¿Confirmamos la cita para mañana a las 3pm?10:32

¡Confirmado! Nos vemos en la oficina.10:33

Perfecto. Llevá tu pasaporte original.10:34

Escribí un mensaje...

B Mensajes · chat con Lucía

archivos compartidos · 5 sin leer

Lucía Mendoza

Última conexión hace 5 min.

Mensajes

Buscar...

Carlos Ramírez¡Confirmamos!

Lucía MendozaTe paso los docs ahora

Pedro Sánchez👍

Lucía MendozaActiva hace 5 min

Hola María, ¿cómo va todo con la cita?14:02 ayer

Todo bien, gracias. Mañana a las 3pm.14:15 ayer

Perfecto. Te paso los documentos que te prometí.09:48 hoy

¡Genial! Los espero 🙌09:52 hoy

Acá van: contrato, identificación y referencia.10:01 hoy · 📎 3 archivos

Escribí un mensaje...

C Móvil · Chat full-screen

drawer cerrado · bubbles

Carlos Ramírez● En línea

¡Hola María! ¿Pudiste revisar los documentos?10:24

Sí, todo perfecto 👍10:31

¿Confirmamos para mañana 3pm?10:32

¡Confirmado!10:33

Llevá tu pasaporte original.10:34

Mensaje...

Panel 06 de 07

Verificación 2FA

QR + códigos de recuperación. Layout split 2 columnas con badge "Activo" pill verde. QR icon en azul.

A 2FA · activo

QR + 8 códigos de recuperación

Verificación en 2 pasos

Protege tu cuenta con una capa extra de seguridad.

● Activo

Escaneá este QR

Con Google Authenticator o Authy

JBSWY3DPEHPK3PXP

Códigos de recuperación

Guárdalos en un lugar seguro. Cada código se puede usar una sola vez.

7H3K-9P2M-X4Q8R5T6-Y8U3-I9O1 A1B2-C3D4-E5F6G7H8-I9J0-K1L2 M3N4-O5P6-Q7R8S9T0-U1V2-W3X4 Y5Z6-A7B8-C9D0E1F2-G3H4-I5J6

Si perdés acceso a tu app autenticadora, usá estos códigos para entrar a tu cuenta.

B 2FA · regenerar QR

configuración nuevo dispositivo

Configurar nuevo dispositivo

Si cambiás de celular, reescaneá el QR.

Escaneá este QR

Con tu app autenticadora

JBSWY3DPEHPK3PXP

Códigos de recuperación

Cada código sirve una sola vez.

7H3K-9P2M-X4Q8R5T6-Y8U3-I9O1 A1B2-C3D4-E5F6G7H8-I9J0-K1L2 M3N4-O5P6-Q7R8S9T0-U1V2-W3X4 Y5Z6-A7B8-C9D0E1F2-G3H4-I5J6

C Móvil · QR + códigos

drawer cerrado · recovery codes

Verificación 2FA● Activo

Escaneá el QR

Google Authenticator o Authy

Códigos de respaldo

Guardalos en lugar seguro

7H3K-9P2M-X4Q8 R5T6-Y8U3-I9O1 A1B2-C3D4-E5F6 G7H8-I9J0-K1L2

Panel 07 de 07

Actividades

Eventos con cards que tienen top border rotando entre los 4 colores (azul/verde/rojo/amarillo). Filtros y badges coloridos.

A Actividades · listado de eventos

8 eventos · 2 confirmados

Próximas actividades

8 eventos esta semana · 2 a los que asistís.

Todos Charlas Talleres Encuentros Online Gratis

12SEP

Charla: Derechos laborales en USA

Centro Comunitario · 123 Main St, Dallas TX

19:00

14SEP

Taller: Prepará tu CV en inglés

Online · vía Zoom

18:00

16SEP

Encuentro: Mamis Latinas monthly

Parque Central · Houston TX

10:00

19SEP

Webinar: Impuestos para newcomers

Online · Microsoft Teams

17:00

B Actividades · evento confirmado

vista mes · event con status

Septiembre 2026

8 eventos · 2 confirmados.

Todos Charlas Talleres Online

12SEP

Charla: Derechos laborales en USA

Centro Comunitario, Dallas TX · Confirmado

19:00

14SEP

Taller: Prepará tu CV en inglés

Online · Zoom

18:00

16SEP

Encuentro: Mamis Latinas monthly

Parque Central, Houston TX

10:00

19SEP

Webinar: Impuestos para newcomers

Online · Teams

17:00

C Móvil · cards verticales

drawer cerrado · 1 columna

Actividades8 esta semana

12SEP

Derechos laborales

Dallas TX

19:00

14SEP

CV en inglés

Online

18:00

16SEP

Mamis Latinas

Houston

10:00

19SEP

Impuestos newcomers

Online

17:00