Forma.co — Light Playful 3D Studio

Use in a session

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

Full recreation prompt

Recreate a landing page in the "Forma.co — Light Playful 3D Studio" style (Light Playful 3D). 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: Friendly, optimistic, human-tech. A design studio that feels approachable and fun.
- Colors: Light gray base with sky-blue photographic bands (clouds/snow), bold black headline, vivid cobalt-blue primary, multi-color glossy 3D icons.
- Typography: Big bold black sans headline (three tight lines), plain gray body, vivid blue pill CTA with a play glyph ("Watch showreel").
- Layout: Light hero: left bold headline + subhead + blue CTA, right a friendly 3D character illustration (person at a laptop) with floating UI chips; below, a row of colorful rounded app-tiles (Feed in cobalt, Voice, Browser in black with gradient orbs, Stream) each with a glossy 3D icon.
- Motion: Gentle float on the 3D character and icon chips, soft hover lifts on the app tiles, smooth easing.
- Texture: Glossy 3D character + app icons, soft rounded cards, sky photography bands, light soft shadows, large radius.
- Avoid: No dark theme, no flat minimal grayscale, no corporate stiffness. Keep it bright, rounded, and playful-3D.

Imagery (generate real assets, do not use placeholders): Generate: a friendly 3D character illustration (a person at a laptop) and colorful glossy 3D app-icon tiles (news, paper-plane, browser orbs), over a light-gray base with sky-blue photographic bands. Tool: kie-ai Seedream for the 3D character and glossy icons; Pexels for the sky photography.

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.

Reference exemplar