Description
About Us We are Mal, an AI-native neobank, and we have a growing pipeline of UI components and screens that need to be translated from Figma designs into clean, production-ready HTML/CSS. This is a paid trial task to evaluate your skills before we commit to a long-term working relationship. The Task We have a Figma file containing a simple AI Assistant component. Your job is to: Pixel-perfect replication of the AI Assistant component using HTML and CSS. You are free to use any external library (e.g., Tailwind, Bootstrap, GSAP, Three.js, etc.) as long as the output matches the design exactly. Replicate the animated AI sphere shown in the design. The sphere should feel alive, with smooth, looping animation that conveys an "AI thinking/processing" aesthetic. Creative interpretation of the motion is welcome, but the visual result must stay true to the design. Deliverables A standalone HTML file (or a small project folder) that renders the component faithfully in a modern browser. The animated AI sphere, running smoothly at 60fps with no jank. Clean, well-structured code. We will be reading it. A brief README noting any libraries used and how to run/view the output. What We Are Looking For Figma proficiency: You can inspect a Figma file, extract spacing, colors, fonts, and assets without hand-holding. CSS precision: Pixel-perfect layout, correct use of flexbox/grid, proper responsive considerations. Animation chops: Comfort with CSS animations, GSAP, Lottie, Three.js, or WebGL for