Descripción del proyecto
TraducidoTenemos un diseño de producto completamente listo en Figma y necesitamos convertirlo en código frontend funcional que coincida con los mockups pixel por pixel. El archivo está debidamente preparado: los componentes están recopilados, el auto-layout está configurado, hay un sistema unificado de color y tipografía, tokens de espaciado y estilos de texto nombrados. Necesitamos un desarrollador que lea esta estructura de la manera en que el diseñador lo pretendía y la reproduzca en el navegador sin desviarse del original: cuando el diseño se superpone al marco, el padding, los tamaños de fuente, las alturas de línea y los estados deben coincidir.
El marcado debe ser verdaderamente responsivo en escritorio, tabletas y móviles, adaptándose limpiamente entre los puntos de ruptura especificados, no solo en los anchos mostrados en Figma. HTML semántico y accesible es importante: jerarquía de encabezados correcta, campos de formulario etiquetados, estados de enfoque visibles, contraste suficiente y navegación por teclado. Todo debe comportarse igual en Chrome, Firefox, Safari y Edge actuales, y los estados de hover, activo, deshabilitado y de error deben ser manejados desde el principio. Preferimos reutilizar componentes del sistema de diseño en lugar de crear estilos únicos a lo largo del código.
Esperamos código limpio y legible con una estructura clara, componentes reutilizables y sin CSS muerto o duplicado. React con construcciones modernas es preferible, pero HTML y CSS semánticos cuidadosos también funcionarán. Por favor, díganos cómo logra cumplir exactamente con el mockup.
El marcado debe ser verdaderamente responsivo en escritorio, tabletas y móviles, adaptándose limpiamente entre los puntos de ruptura especificados, no solo en los anchos mostrados en Figma. HTML semántico y accesible es importante: jerarquía de encabezados correcta, campos de formulario etiquetados, estados de enfoque visibles, contraste suficiente y navegación por teclado. Todo debe comportarse igual en Chrome, Firefox, Safari y Edge actuales, y los estados de hover, activo, deshabilitado y de error deben ser manejados desde el principio. Preferimos reutilizar componentes del sistema de diseño en lugar de crear estilos únicos a lo largo del código.
Esperamos código limpio y legible con una estructura clara, componentes reutilizables y sin CSS muerto o duplicado. React con construcciones modernas es preferible, pero HTML y CSS semánticos cuidadosos también funcionarán. Por favor, díganos cómo logra cumplir exactamente con el mockup.
Desarrollo web Efectivo, Transferencia bancaria
