Skip to content

Ajustes visuales del login: icono Google, borde boton email y titulo - #79

Merged
Winbit-Finance merged 3 commits into
mainfrom
fix/login-visual-refinement
Sep 9, 2026
Merged

Winbit-Finance merged 3 commits into
mainfrom
fix/login-visual-refinement

Conversation

@Winbit-Finance

Copy link
Copy Markdown
Collaborator

Summary

  • Separa el icono G de la diagonal verde/crema del boton de Google (padding-right en .login-cta-google__side)
  • Cierra el contorno del boton "Ingresar con email y contrasena" en las esquinas achaflanadas, que quedaban sin borde (clip-path replicado en .login-cta__inner)
  • Difumina la linea de acento sobre "INICIAR SESION" con un gradiente en vez de una barra solida
  • Ajusta tracking y peso del titulo "INICIAR SESION" para que la tipografia condensada se vea mas compacta, acorde a la referencia visual

Test plan

  • npm run test:ci corrido completo y en verde (481/481) tras reintentar por flakiness de entorno en corridas anteriores
  • Verificado visualmente en desktop y mobile (375px) con el servidor de dev: login con Google, login con email/contrasena, y sin overflow
  • Sin cambios de logica, eventos ni rutas — solo CSS en src/index.css

🤖 Generated with Claude Code

Winbit-Finance and others added 3 commits September 1, 2026 07:53
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.
…il y titulo

- Separar el icono G de la diagonal verde/crema del boton de Google
- Cerrar el contorno del boton "Ingresar con email y contrasena" en las
  esquinas achaflanadas, que quedaban sin borde
- Difuminar la linea de acento sobre "INICIAR SESION" con un gradiente
- Ajustar tracking y peso del titulo para que la tipografia condensada
  se vea mas compacta, acorde a la referencia

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@Winbit-Finance
Winbit-Finance merged commit f3a232d into main Sep 9, 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