Entre el contenido de dos seccionesEn la Home cada sección lleva 64 arriba y abajo (40 en celular). En Cuentas de ahorro los bloques están ubicados a mano: 80 dos veces y 113 una. En Full Ahorro los bloques van a 15 y suman sus rellenos: del formulario a la franja gris, 71; de la franja a las preguntas, 47. | Home 80 · Full Ahorro 71 y 47 Home 128 · Cuentas de ahorro 80 | Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5 Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5 |
Margen a los lados, en celularEn la Home, la portada va a 16 a los lados; el resto, a 24. El celular de la Home mide 375 y el de Full Ahorro, 360. En la app (también 360), 24 en 28 de sus 29 flujos (221:17160); solo el modal de WhatsApp va a 16, y la activación y las contraseñas quedan a 23, puestas a mano (221:20455). | 24 px | Confirmado en 3 páginasHome, Full Ahorro, paso 5, App de prospectos |
Ancho del contenido, en computadoraCentrado en los dos casos. Ninguno de esos anchos está entre las medidas de variables.css, que llegan a 128. | Home 1080 (1264 en el pie) · Cuentas de ahorro 936 (también en el pie) | Cambia entre páginasHome, Cuentas de ahorro |
Título de sección → contenidoEn Cuentas de ahorro, 32 en dos secciones y 40 en las preguntas frecuentes (y 30 a mano en la primera). En Full Ahorro, 24 en las dos. En la app, del título del paso al formulario: 24 de relleno del bloque del título más 16 de la pantalla (221:17160). | Home 32 · Full Ahorro 24 · App de prospectos 40 Home 48 · Cuentas de ahorro 32 | Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5, App de prospectos Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5, App de prospectos |
Título → bajadaEn la Home: en computadora, una vez (Academia); en celular, dos (Academia y el llamado a la acción). En las páginas de cuentas, al título de sección lo sigue directo el contenido. En la app, 12 en el login y las contraseñas (221:20098), 8 en la hoja del código (221:20035) y 16 en los modales, el mismo valor de la Home (221:20916). | Home 16 · App de prospectos 12 en pantalla, 16 en modal, 8 en hoja inferior 16 px | Cambia entre páginasHome, App de prospectos Cambia entre páginasHome, App de prospectos |
Título (y bajada) → botónEn la Home: Academia y el llamado a la acción; en computadora, también el banner de beneficios (texto → botón). En la app, 24 en los modales, de la bajada o los datos al botón (221:20916), y en la pantalla de resultado, de la nota al botón (221:17567). | 24 px 32 px | Confirmado en 2 páginasHome, App de prospectos Visto en 1 páginaHome |
Entre tarjetas de una fila, en computadoraEn Cuentas de ahorro, en las dos filas de tarjetas (cuentas y beneficios). | 24 px | Confirmado en 2 páginasHome, Cuentas de ahorro |
Entre tarjetas en grilla, en celularGrilla de dos columnas. Full Ahorro no tiene tarjetas en fila. | 16 px | Visto en 1 páginaHome |
Relleno de tarjeta de contenido a los lados, en computadoraTarjetas de acceso, del DNI y de la App en la Home; de cuenta y de beneficio en Cuentas de ahorro. Las tarjetas con foto de la Home van aparte: 80 el testimonio y 64 el banner de beneficios. | 24 px | Confirmado en 2 páginasHome, Cuentas de ahorro |
| Relleno de tarjeta de acceso | 24 · 20 32 arriba y abajo · 24 a los lados | Visto en 1 páginaHome Visto en 1 páginaHome |
Relleno de tarjeta del DNILos 64 de arriba dejan lugar a la imagen que asoma. | 24 px 64 arriba · 24 a los lados y abajo | Visto en 1 páginaHome Visto en 1 páginaHome |
| Relleno de tarjeta de cuenta | 24 todo alrededor | Visto en 1 páginaCuentas de ahorro |
Entre elementos dentro de una tarjetaEn Cuentas de ahorro: 24 entre imagen, texto, caja y botones, con los botones pegados abajo (en las tarjetas más cortas ese hueco crece a 88); 8 entre el nombre y la descripción, y entre el título y el texto de un beneficio. En la app, 8 entre los textos de las tarjetas de prospecto y de agencia (221:20937, 221:17582) y 24 en los módulos del resumen (221:17581); en la de agencia, «Dirección:» queda a 4 de la dirección. | Home 12 o 16 · App de prospectos 8 o 24 Home 16 · Cuentas de ahorro 24 | Cambia entre páginasHome, Cuentas de ahorro, App de prospectos Cambia entre páginasHome, Cuentas de ahorro, App de prospectos |
Ícono → texto, en listas y preguntasEl mismo número en todas. En computadora sale de una sola página (los pasos y las preguntas de Cuentas de ahorro); en celular se repite en dos: la lista de beneficios de Full Ahorro y, en la app, la lista de la bienvenida y el menú desplegado (221:20075, 221:21443). | 16 px 16 px | Confirmado en 2 páginasFull Ahorro, paso 5, App de prospectos Visto en 1 páginaCuentas de ahorro |
Entre ítems de una lista con íconoEn computadora sale de una sola página (los pasos de Cuentas de ahorro); en celular se repite en dos: los beneficios de Full Ahorro y la lista de la bienvenida de la app, donde el título y la descripción de cada ítem quedan a 4 (221:20075). | 24 px 32 px | Confirmado en 2 páginasFull Ahorro, paso 5, App de prospectos Visto en 1 páginaCuentas de ahorro |
Pregunta frecuente → línea divisoriaDel final de la pregunta a la línea. Entre la caja del acordeón y la línea hay 16 en las dos; cambia el relleno de adentro: 16 en computadora y unos 8 en celular, deducido de dónde cae el texto (el interior del componente no se leyó). | 24 (deducido) 32 px | Visto una vez por pantallaCuentas de ahorro, Full Ahorro, paso 5 Visto una vez por pantallaCuentas de ahorro, Full Ahorro, paso 5 |
Contenido → controles del carruselEn la Home, bajo los testimonios en computadora y bajo los dos carruseles en celular. En Cuentas de ahorro, bajo el banner y bajo los pasos. | Home 16 Home 32 · Cuentas de ahorro 16 | Cambia entre páginasHome, Cuentas de ahorro Cambia entre páginasHome, Cuentas de ahorro |
Sección que viene después de una franjaUna sola vez: queda local hasta que otra página lo repita. | 40 px 96 arriba | Visto en 1 páginaHome Visto en 1 páginaHome |
Alto de la cabeceraLa Home lleva 64 a los lados en computadora; Cuentas de ahorro alinea el logo con el contenido. En celular, 24 a los lados en todas. En la app, la cabecera mide 64 con cualquier variante; en los pasos, el resumen y el resultado va apretada en un marco de 62 (221:17160). | Home 64 · Full Ahorro 48 · App de prospectos 64 (62 en los pasos) Home 80 · Cuentas de ahorro 56 | Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5, App de prospectos Cambia entre páginasHome, Cuentas de ahorro, Full Ahorro, paso 5, App de prospectos |
Cabecera → primer contenido24 en los pasos, el resumen y la lista (221:17160), 32 en la pantalla de resultado (221:17567) y 64 en el login (221:20098). La activación y cambiar contraseña no llevan cabecera (221:19860, 221:21491). | 24 al título · 32 a la caja de resultado · 64 a la ilustración | Visto en 1 páginaApp de prospectos |
Antetítulo → títuloDel «Paso N de 3» al título, en todos los pasos del registro (221:17160). | 8 px | Visto en 1 páginaApp de prospectos |
Bajada → contenidoDe la bajada al formulario o a la lista, en el inicio de solicitud, el login y las contraseñas (221:17130, 221:20098). Es el mismo número que Full Ahorro pone del título de sección al contenido. | 24 px | Visto en 1 páginaApp de prospectos |
Pictograma o ilustración → título16 en los modales y en la pantalla de resultado, donde el texto queda a 18 (221:20916, 221:17567); 8 en la hoja del código y la bienvenida (221:20035); 20 en el login (221:20098). Se mide desde la caja del dibujo. | 16 · 8 · 20 en el login | Visto en 1 páginaApp de prospectos |
Logo → títuloEn la activación, que no lleva cabecera (221:19860). | 40 px | Visto en 1 páginaApp de prospectos |
Pantalla de resultado: título → fecha → tarjetaEntre el bloque del título, la fecha y la tarjeta (221:17567); entre los textos quedan 10 y 8. | 8 · 8 | Visto en 1 páginaApp de prospectos |
Perfil: avatar → nombre → correoDel avatar de 80 al nombre y del nombre al correo (221:21462). El bloque entero está puesto a mano en la pantalla. | 16 · 4 | Visto en 1 páginaApp de prospectos |
Etiqueta de grupo → campo o chips12 ante el campo de documento y los chips (221:17160); 16 ante el mapa y el simulador de cuota, los dos grupos «(opcional)» (221:17290). Si la diferencia es a propósito no se sabe. | 12 · 16 en los grupos opcionales | Visto en 1 páginaApp de prospectos |
Entre campos de un formulario16 en 20 flujos, contado desde el mensaje si el campo tiene error (221:17160, 221:17646). En cambiar contraseña, la actual y la nueva quedan a 8, dentro del marco de los requisitos (221:21491). | 16 · 8 en cambiar contraseña | Visto en 1 páginaApp de prospectos |
Entre grupos de un formulario24 entre un grupo y el siguiente en los pasos del registro (221:18222); 32 antes del mapa (221:17160). | 24 · 32 antes del mapa | Visto en 1 páginaApp de prospectos |
Formulario → casilla de declaración32 en el paso de datos personales (221:18222) y 24 en la activación (221:19860); de la casilla al botón se repite el mismo número. | 32 · 24 en la activación | Visto en 1 páginaApp de prospectos |
Campo → lista de requisitosDel campo de contraseña a su lista de requisitos; de la lista al campo siguiente, 16 (221:20455). | 8 px | Visto en 1 páginaApp de prospectos |
Campo o código → mensaje de errorEn el campo, el mensaje va dentro del componente y el campo pasa de 56 a 80 de alto (221:17646). En las casillas del código, 8, y del mensaje al botón, 24 (221:20254). | 4 en el campo · 8 en el código | Visto en 1 páginaApp de prospectos |
Línea divisoria dentro de un formularioLa línea antes de la caja de cuota, en el paso del monto (221:17290). En la captura se ve punteada; la lectura no trae el trazo. | 24 arriba y abajo | Visto en 1 páginaApp de prospectos |
Contenido → enlace en líneaDel mapa al enlace «+ Agregar otra dirección», un botón terciario de 22 de alto (221:17160). En el resumen, «Editar» queda a 24 del último dato (221:17581). | 16 px | Visto en 1 páginaApp de prospectos |
Enlace → bloque que agregaDel enlace al segundo bloque de dirección: 48 en 221:17731 y 40 en 221:17845, dos pantallas vecinas del mismo flujo. Cuál vale queda por decidir. | 48 o 40 | Visto en 1 páginaApp de prospectos |
Entre chips8 entre los chips de un formulario y entre los dos filtros de la lista (221:17160, 221:20937); 16 en las hojas, uno por fila en la de giro o con salto en la de filtros (221:17466, 221:21203). | 8 en fila · 16 en la hoja inferior | Visto en 1 páginaApp de prospectos |
Relleno de chipEl chip de opción mide 36 de alto, con radio 24 (221:17160). El de filtro de la lista declara 24 a los lados, pero con su ancho fijo de 152 quedan 31 (221:20937). | 8 arriba y abajo · 16 a los lados (24 en el chip de filtro) | Visto en 1 páginaApp de prospectos |
Contenido → botón principal32 en los pasos de dirección y datos personales, la hoja de filtros y el resumen (221:17160, 221:17581); 24 en el paso del monto, el inicio y las contraseñas (221:17290); 16 en el login, donde el botón va con los campos (221:20098). | 32 · 24 · 16 en el login | Visto en 1 páginaApp de prospectos |
Botón principal → segundo botónDe caja a caja: 32 al terciario de los pasos y a «Eliminar filtro» (221:18222), con 36 en el paso de datos personales vacío (221:18190); 24 en los modales con dos botones, la hoja del código y el menú (221:20916); 16 en el login (221:20098). | 32 · 24 · 16 en el login | Visto en 1 páginaApp de prospectos |
Relleno de la barra de botón fija abajoBarra blanca pegada abajo, con el botón a 24 de cada borde, en la lista de prospectos y el perfil (221:20937, 221:21462). La barra está puesta a mano: la distancia de la última tarjeta al botón cambia, y en 221:21301 la barra la tapa. | 24 px | Visto en 1 páginaApp de prospectos |
Relleno de hoja inferiorRadio 24 solo arriba (221:17478). Abajo declara 80 o 24, pero con el alto fijo queda entre 9 y 36: cuánto vale queda por decidir. | 24 arriba y a los lados | Visto en 1 páginaApp de prospectos |
Entre bloques de una hoja inferior16 entre la cabecera de la hoja, el buscador, el mensaje y los resultados, y entre los bloques del selector de fechas (221:17478, 221:21357). La hoja del código va a 24 entre texto, casillas y botones (221:20035); con error, las casillas quedan a 8 de la bajada (221:20254). | 16 · 24 en la hoja del código | Visto en 1 páginaApp de prospectos |
Margen del modal a los ladosEl modal mide 328 y queda a 16 de cada borde, sobre un velo; su texto, a 40 (221:20916). En alto va centrado en la mayoría y corrido en algunos, puesto a mano (221:19930). | 16 px | Visto en 1 páginaApp de prospectos |
Relleno del modalA los cuatro lados, con radio 16, en el componente Modal y en los modales dibujados sin él (221:20916). | 24 px | Visto en 1 páginaApp de prospectos |
Cierre → pictogramaLa X de 24 va sola en su fila, arriba a la derecha, a 8 del pictograma, en los modales y en la hoja del código (221:20916, 221:20035). | 8 px | Visto en 1 páginaApp de prospectos |
Entre tarjetas apiladas, en celularEn una columna: 16 entre las tarjetas de agencia y entre los módulos del resumen (221:17582, 221:17581); 8 entre las tarjetas de prospecto (221:20937). La grilla de dos columnas de la Home también pone 16. | 16 · 8 en la lista de prospectos | Visto en 1 páginaApp de prospectos |
Relleno de tarjeta o caja, en celular16 en las tarjetas de prospecto y de agencia, la caja de cuota y la caja de mensaje (221:20937, 221:17290); la tarjeta de lista del resultado declara 16 y, por su alto fijo, queda a 20 arriba y abajo (221:17567). 24 en los módulos del resumen, como la tarjeta del DNI de la Home (221:17581). | 16 · 24 en los módulos del resumen | Visto en 1 páginaApp de prospectos |
Caja → nota aclaratoriaDe la caja de cuota a su nota legal y de la caja gris del resultado a su nota (221:17290, 221:17567). De la nota a lo que sigue, 24. | 16 px | Visto en 1 páginaApp de prospectos |
Lista con buscador: título → buscador → filtros → conteo → tarjetasEn la lista de prospectos, todo con variable: del título al buscador, del buscador a los chips de filtro, de los chips al conteo y del conteo a la primera tarjeta (221:20937). | 20 · 16 · 24 · 8 | Visto en 1 páginaApp de prospectos |
Entre ítems de una lista con línea divisoriaÍtems pegados, separados por una línea: de 44 de alto en las hojas de giro y ocupaciones (221:17478) y de 64 en el menú desplegado, donde el ítem mide 375 y se sale de la pantalla de 360 (221:21443). El grosor de la línea de las hojas no se leyó. | 0 px | Visto en 1 páginaApp de prospectos |
Check → texto, en listas de verificaciónDel check al texto en los requisitos de contraseña (check de 20; 221:20455) y en la lista del resultado (check de 16; 221:17567). Con un ícono en caja o círculo, la app pone 16. | 8 px | Visto en 1 páginaApp de prospectos |
Entre filas de una lista de verificación8 entre los requisitos de contraseña (221:20455); 12 entre las filas de la lista del resultado (221:17567). | 8 · 12 | Visto en 1 páginaApp de prospectos |
Destacado
