Create a dynamic and visually captivating intro animation for a website centered around the word "Clockwork." The animation must follow this detailed sequence: 1. Initial State: Display the full word "Clockwork" centered on the screen in a bold, clean, modern font. 2. Transformation: Smoothly break the text into six curved, intertwined segments styled to evoke a modern, digital interpretation of the Yin-Yang symbol. 3. Spinning Effect: Animate these six segments to rapidly spin clockwise for 2-3 seconds, conveying speed and technological motion. 4. Reveal Moment: Abruptly stop the spinning and have the segments spread evenly in a circular formation resembling a six-part Yin-Yang symbol. 5. Content Mapping: Each segment subtly glows or highlights to reveal the corresponding icon or text label for the website components: - Menu - Profile - Settings - Favourites - Signature Dish - Placeholder for future expansion (e.g., "About" section) Additional requirements: - The animation should seamlessly blend into the existing website layout and component positions, maintaining current alignments for visual consistency. - The overall style should be modern, digital, fluid, slightly futuristic, and evoke a fusion of Zen minimalism with sleek UI motion design. Steps to accomplish: - Use vector or SVG-based shapes for the six segments to ensure smooth curves and crisp visuals. - Design the segments to interlock or intertwine subtly, mimicking Yin-Yang balance with a six-segment twist. - Employ easing and smooth interpolation for the text breaking apart and segment spreading animations. - Integrate subtle glowing/highlighting effects upon segment reveal to draw attention gracefully. - Incorporate relevant icons or text labels on each segment consistent with the website's visual language. - Ensure the entire animation is responsive and scales well across device sizes. Output Format: Provide a detailed animation specification or storyboard description that could be used by a motion designer or frontend developer. Include notes on timing, easing, style references, color palettes (if applicable), and how to integrate the segments with the website's existing component layout. Optionally, include pseudocode or recommended animation frameworks if relevant.
Category: Creative
Generate your own AI promptCreate your own custom GPT chatbot with your own data and knowledge. Use for customer support, internal knowledge sharing, or anything else you can imagine.





Loved by 45k+ users
More Creative Prompts
Формула 1 и Горы
Создает картину с черным Ф1 и горами.
Построение чисел от 1 до 24
Сформировать числа от 1 до 24 используя заданные операции.
1 Crore Winning Team
Create a story about a sports team winning a significant tournament.
1 Min USD Signal
Generates a 1-minute audio signal representing USD transactions.
1-Minute Audio Script
Generate a script for a concise audio summary.
1-Minute Captivating Story
Create a brief engaging story for social media.
1-Minute Color Game
A fun and quick color identification game for all ages.
1-Minute Color Game
Framework for a quick, engaging color recognition game.