Explore

Janet&Janet

PRO
Screenshot of Janet&Janet
EcommercePublished
  • Animation
  • Editorial
  • Large type
  • Light

Palette

Typography

  • Primary

    Monument Grotesk
    Weights
    400, 500, 700
    Fallback
    Arial, Helvetica, sans-serif
  • Secondary

    Arial
    Weights
    400, 700
    Fallback
    Helvetica, sans-serif
  • Mono

    Times New Roman
    Weights
    400
    Fallback
    Times, serif

About this design

Italian fashion-footwear commerce site that treats product navigation as an art-directed campaign sequence, pairing oversized grotesk type with saturated studio photography.

Prompts

Pro access

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Framework

  • WordPress· Detected
  • Next.js
Agent
Claude Code
Model
Claude Fable 5.1The reconstruction hinges on exact responsive editorial layout, image cropping and a restrained GSAP-driven campaign sequence rather than 3D or bespoke rendering.

Creative tools

  • Nano Banana
  • Recraft
  • Krea

Libraries

  • GSAP· Detected
  • GSAP

Special requirements

A coherent set of studio-fashion campaign photographs and product cut-outs; carefully timed editorial transitions; very large display typography with disciplined cropping.

AI Replicability

85 / 100

The layout, typography and observed editorial transitions reproduce reliably with current frontend tools. The main remaining challenge is sourcing or generating a consistent, art-directed set of studio fashion images with equally strong styling and lighting.

Main remaining challenge

Achieving the same cohesive campaign photography: saturated seamless sets, precise model poses, wardrobe styling and shoe-focused crops must all feel like one art-directed shoot.

Credits

Featured for design inspiration and analysis.

Are you the designer? Claim this workRequest removal

Original website, branding and assets remain the property of their respective owners. Content policy

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro