Skip to content

Refinar el login: menos collage, mas sistema - #78

Merged
Winbit-Finance merged 1 commit into
mainfrom
fix/login-visual-refinement
Sep 1, 2026
Merged

Winbit-Finance merged 1 commit into
mainfrom
fix/login-visual-refinement

Conversation

@Winbit-Finance

Copy link
Copy Markdown
Collaborator

Contexto

Segunda pasada de diseño sobre el login a partir de feedback puntual: llevar la pantalla a algo más premium, ordenado y coherente, corrigiendo elementos que se sentían "agregados" en vez de parte de un sistema.

Cambios

  • Se elimina la W fantasma de fondo en la zona crema — quedaba decorativa y poco integrada. Bloque crema ahora limpio.
  • Se elimina el recurso de barras verdes sueltas en la esquina inferior — sin función, desconectado del resto.
  • Se agrega un filo verde fino sobre la diagonal crema/negro (mismo verde de la botonera) para atar la geometría de la pantalla a un solo sistema visual.
  • Se reduce el protagonismo de "INICIAR SESIÓN" (tamaño ~25% menor, tracking más ajustado) — ahora lee como heading de producto, no como headline publicitario.
  • Logo con más aire, header más editorial.
  • Botonera: alto y chaflán más precisos, sombra más suave (menos genérica).
  • Bloque de seguridad: ícono más fino y chico, sin borde separador — más discreto, más técnico.

Estructura general, paleta (negro/verde/crema) y layout se mantienen — no es una reinterpretación desde cero.

Test plan

  • Verificado visualmente en 320px, 375px, tablet (768px) y desktop
  • npm run lint, npm run format:check, npm run test:ci (481 tests) en verde

Segunda pasada de diseno sobre el login del rediseno, a partir de
feedback puntual sobre la version en produccion:

- Sacar la W fantasma de fondo en la zona crema (quedaba decorativa
  y poco integrada); dejar el bloque crema limpio.
- Sacar las barras verdes sueltas de la esquina inferior (elemento
  sin funcion, desconectado del resto del sistema).
- Sumar un filo verde fino en la diagonal crema/negro, mismo verde
  de la botonera, para atar la geometria de la pantalla a un solo
  sistema visual en vez de dos bloques de color sueltos.
- Reducir el protagonismo de "INICIAR SESION" (tamano y tracking)
  para que lea como heading de producto, no como poster.
- Mas aire en el logo, header mas editorial.
- Botonera: alto y chaflan mas precisos, sombra mas suave.
- Bloque de seguridad: icono mas fino y chico, sin borde separador,
  mas discreto.

Estructura, paleta (negro/verde/crema) y layout general sin cambios.
Verificado en 320px, 375px, tablet y desktop.
@Winbit-Finance
Winbit-Finance merged commit c4d1254 into main Sep 1, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant