← All references

Sync — Dark Analytics SaaS

Dark Analytics SaaS

Deep-violet framed dark analytics platform with a tilted dashboard mockup and starfield hero.

Sync — Dark Analytics SaaS preview
Mood
Modern, data-confident, premium-tech. A serious analytics platform with a nocturnal glow.
Colors
Deep indigo-to-violet gradient surround, near-black hero, white headlines, muted gray body, violet/blue accents on data.
Type
Clean geometric sans, large medium-weight hero headline in two centered lines, small muted subhead, tabular numerals in the dashboard.
Layout
Centered hero (badge pill + two-line headline + subhead + dual CTA "Start for free" / "Live Demo") over a faint starfield, then a large tilted/perspective dashboard mockup (stat cards, charts, product tables) bleeding up from the bottom.
Motion
Soft fade-ups, gentle starfield drift, subtle parallax/tilt on the dashboard mockup, hover lifts on cards.
Texture
Dark glass panels, 1px hairline borders, violet radial glow behind the hero, faint dotted starfield, soft shadows under the device mockup.
Imagery
Generate: a tilted/perspective analytics dashboard mockup (stat cards, charts, tables) on dark glass, a deep indigo-to-violet gradient surround, and a faint starfield. Tool: GPT-Image for the dashboard UI; kie-ai Flux for the gradient + starfield backdrop.
Don't
No light backgrounds, no flat matte hero, no playful color, no busy multi-CTA clutter. Keep the violet-on-black nocturnal feel.

Use in a session

dr-sync

Tell Claude: build [my thing] using swipe ref dr-sync

Full recreation prompt

Recreate a landing page in the "Sync — Dark Analytics SaaS" style (Dark Analytics SaaS). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Modern, data-confident, premium-tech. A serious analytics platform with a nocturnal glow.
- Colors: Deep indigo-to-violet gradient surround, near-black hero, white headlines, muted gray body, violet/blue accents on data.
- Typography: Clean geometric sans, large medium-weight hero headline in two centered lines, small muted subhead, tabular numerals in the dashboard.
- Layout: Centered hero (badge pill + two-line headline + subhead + dual CTA "Start for free" / "Live Demo") over a faint starfield, then a large tilted/perspective dashboard mockup (stat cards, charts, product tables) bleeding up from the bottom.
- Motion: Soft fade-ups, gentle starfield drift, subtle parallax/tilt on the dashboard mockup, hover lifts on cards.
- Texture: Dark glass panels, 1px hairline borders, violet radial glow behind the hero, faint dotted starfield, soft shadows under the device mockup.
- Avoid: No light backgrounds, no flat matte hero, no playful color, no busy multi-CTA clutter. Keep the violet-on-black nocturnal feel.

Imagery (generate real assets, do not use placeholders): Generate: a tilted/perspective analytics dashboard mockup (stat cards, charts, tables) on dark glass, a deep indigo-to-violet gradient surround, and a faint starfield. Tool: GPT-Image for the dashboard UI; kie-ai Flux for the gradient + starfield backdrop.

Reference exemplar: https://designrocket.io/premium-templates. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.