Learning Timeline
Key Insights
Advantages of Generative AI vs. Templates
AI Horizons allows you to bypass the limitations of static templates like Linktree by automatically generating dynamic elements such as floating particles and glassmorphism.
Prompt Iteration Tips
Don't be afraid to be highly specific with the AI. Specifying the gradient type (dark purple) and text quality (softer white) helps the AI deliver more professional results in just a few seconds.
Prompts
Customizing Button Colors & Styles
Target:
Hostinger Horizons AI
change the color scheme to a dark purple gradient with softer white text and make the buttons less transparent.
Step by Step
Building an Animated Link-in-Bio Page
- Open the Hostinger Horizons dashboard and select the option to generate a new website using AI.
- Enter an initial prompt describing your Link-in-Bio requirements (e.g., include an 'animated background' and 'floating particles').
- Wait about 30 seconds for the AI to process the request until the first draft appears.
- Verify the visual elements: Ensure the 'profile section' is centered with a 'glow effect' and buttons have a 'glass-like transparency' effect.
- Test the 'hover' function on the link buttons to ensure the transparency effect changes with mouse interaction.
- Click on the AI prompt input field to perform design refinements.
- Type additional customization instructions to change the color scheme and text clarity.
- Press 'Enter' or click the 'Generate' button again to let the AI update the page's overall vibe in real-time.
