Skip to content

Wordmark oficial del login y fuentes auto-hospedadas - #80

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

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

Conversation

@Winbit-Finance

Copy link
Copy Markdown
Collaborator

Summary

  • Reemplaza el "WINBIT" tipeado del login por el wordmark real del logo institucional (recortado en alta resolución del PDF del manual de marca y recoloreado a tinta oscura para el fondo crema). El tagline sigue siendo texto traducible ES/EN, no forma parte de la imagen.
  • Auto-hospeda IBM Plex Sans / IBM Plex Sans Condensed con los archivos .otf oficiales del manual de marca (public/fonts/), en vez de depender de Google Fonts.

Test plan

  • npm run test:ci en verde vía el hook de pre-push
  • Verificado visualmente en desktop y mobile (375px): wordmark legible sobre la diagonal crema, tagline en verde de marca, sin overflow
  • Confirmado en el navegador que las fuentes cargan 200 OK desde /fonts/ local (ya no depende de fonts.googleapis.com)
  • Sin cambios de lógica, eventos ni rutas

🤖 Generated with Claude Code

Winbit-Finance and others added 4 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>
- Reemplazar el "WINBIT" tipeado del login por el wordmark real,
  recortado en alta resolucion del logo institucional (manual de
  marca) y recoloreado a tinta oscura para el fondo crema; el tagline
  sigue siendo texto traducible (ES/EN), no forma parte de la imagen.
- Auto-hospedar IBM Plex Sans / IBM Plex Sans Condensed (@font-face
  con los .otf oficiales del manual de marca en public/fonts) en vez
  de depender de Google Fonts.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@Winbit-Finance
Winbit-Finance merged commit 40c2030 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