Build an Exact Visual Clone of the Spark.co Landing Page Shown in the Reference Video
You are given a reference video showing a complete animated landing page for a product called Spark.
Your task is to recreate the website shown in the video as accurately as possible.
DO NOT redesign it.
DO NOT modernize it.
DO NOT simplify it.
DO NOT replace animations with generic animations.
DO NOT invent a different layout.
The goal is a pixel-accurate visual and motion recreation of what is visible in the reference video.
The final result should feel like the exact same website captured from the reference video.
1. Overall Visual Direction
The website has a premium, playful, modern fintech/e-commerce SaaS aesthetic.
The main visual language is:
- Deep dark purple outer background
- Large white rounded content panels
- Extremely rounded corners
- Thin subtle borders
- Very soft shadows
- Lots of white space
- Dark navy/purple typography
- Bright electric purple accent elements
- Small orange and green accent icons
- Floating UI cards
- Floating app/device mockups
The website must NOT look like a generic SaaS template.
It must reproduce the unusual composition and visual rhythm from the reference video.
2. Page Background
Use a full-page deep purple background.
Approximate visual direction:
- Background: very dark violet/purple
- Content panels: white / near-white
- Main text: dark navy / dark violet
- Primary accent: vivid electric purple
- Secondary accent: orange
- Supporting accent: green
The exact colors should be tuned visually against the reference video.
The purple background should remain visible around the individual white content panels.
3. Typography
Typography is extremely important.
Use a contemporary geometric rounded sans-serif font with a playful editorial appearance.
The typography should have
📌 Video Editor (Noida)
🏢 Linkup Group
📍 Noida
Reply to this offer
Impress this employer describing Your skills and abilities, fill out the form below and leave Your personal touch in the presentation letter.