Descrição do projeto
TraduzidoTemos um design de produto totalmente pronto no Figma e precisamos transformá-lo em um código frontend funcional que corresponda aos mockups pixel por pixel. O arquivo está devidamente preparado: os componentes estão coletados, o auto-layout está configurado, há um sistema unificado de cores e tipografia, tokens de espaçamento e estilos de texto nomeados. Precisamos de um desenvolvedor que leia essa estrutura da maneira que o designer pretendia e a reproduza no navegador sem se desviar do original: quando o layout é sobreposto ao quadro, o preenchimento, tamanhos de fonte, alturas de linha e estados devem corresponder.
A marcação deve ser verdadeiramente responsiva em desktop, tablet e mobile, adaptando-se de forma limpa entre os breakpoints especificados, não apenas nas larguras mostradas no Figma. HTML semântico e acessível é importante: hierarquia de cabeçalhos correta, campos de formulário rotulados, estados de foco visíveis, contraste suficiente e navegação por teclado. Tudo deve se comportar da mesma forma nos navegadores atuais Chrome, Firefox, Safari e Edge, e os estados de hover, ativo, desativado e de erro devem ser tratados desde o início. Preferimos reutilizar componentes do sistema de design em vez de criar estilos únicos ao longo do código.
Esperamos um código limpo e legível com estrutura clara, componentes reutilizáveis e sem CSS morto ou duplicado. React com builds modernos é preferível, mas HTML e CSS semânticos cuidadosos também funcionarão. Por favor, nos diga como você alcança a conformidade exata com o mockup.
A marcação deve ser verdadeiramente responsiva em desktop, tablet e mobile, adaptando-se de forma limpa entre os breakpoints especificados, não apenas nas larguras mostradas no Figma. HTML semântico e acessível é importante: hierarquia de cabeçalhos correta, campos de formulário rotulados, estados de foco visíveis, contraste suficiente e navegação por teclado. Tudo deve se comportar da mesma forma nos navegadores atuais Chrome, Firefox, Safari e Edge, e os estados de hover, ativo, desativado e de erro devem ser tratados desde o início. Preferimos reutilizar componentes do sistema de design em vez de criar estilos únicos ao longo do código.
Esperamos um código limpo e legível com estrutura clara, componentes reutilizáveis e sem CSS morto ou duplicado. React com builds modernos é preferível, mas HTML e CSS semânticos cuidadosos também funcionarão. Por favor, nos diga como você alcança a conformidade exata com o mockup.
Desenvolvimento web Dinheiro, Transferência bancária
