Design a cozy thumbnail generator website with a futuristic, yet warm vibe that appeals to modern design lovers. The page should feature a soft cream background with subtle texture, resembling handmade paper, and have a spacious, inviting feel. At the center of the page, display a sleek, rounded-card container with a warm white background. Inside the card, include a text area with the placeholder 'What should your thumbnail show?' Use a modern, friendly, handwritten-style font that maintains readability. Below this text field, add a 'Create' button in a soft brown color that changes to a slightly darker shade when hovered over. When the user clicks 'Create', the website should send the text they typed to https://goyel.app.n8n.cloud/webhook-test/thumbnail. The endpoint will return the finished thumbnail as an image file. During the waiting period (which takes about a minute), replace the button with a simple message that reads 'Generating your thumbnail...' with a looping animation of a dynamic indicator (like dots appearing one by one or a simple animated circle). The transition should feel smooth and calm. Once the thumbnail is generated and the image is returned from the endpoint, display the finished image in place of the text area with a gentle fade-in effect. Below the image, place a 'Download' link in the same brown color as the button, which allows users to save their thumbnail. The entire experience should feel personal and crafted with care, using colors like warm beige, soft browns, creamy whites, and subtle accent colors (such as sage green). Ensure that the layout is mobile-friendly, providing a cozy, modern, and seamless experience across devices. - Initial Deployment
e27c2c7
verified