Explore

Gianluca Gradogna — Multidisciplinary Designer

PRO

gianlucagradogna.com

Visit website
Screenshot of Gianluca Gradogna — Multidisciplinary Designer
PortfolioPublished
  • Animation
  • Dark
  • Editorial
  • Large type

Palette

Typography

  • Primary

    Neue-Montreal
    Weights
    400, 500
    Fallback
    Arial, Helvetica, sans-serif

  • Secondary

    PPNeue-Montreal
    Weights
    400, 500
    Fallback
    Arial, Helvetica, sans-serif

  • Mono

    LZ
    Weights
    400
    Fallback
    monospace

About this design

A dark, editorial portfolio that turns a project index into a full-viewport split-screen sequence: restrained navigation and oversized numerical wayfinding frame a changing collage of campaign imagery, project cards, and a personal profile panel.

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

  • React/Next.js
Agent
Claude Code
Model
Claude Fable 5.1The build depends on precise split-pane layout, image-stage transitions, and a tightly coordinated typographic project index rather than 3D or shader work.

Creative tools

  • Nano Banana
  • Recraft

Libraries

  • GSAP

Special requirements

A deliberately curated set of high-quality editorial and campaign-style project stills, plus a monochrome portrait substitute; synchronized panel and index transitions.

AI Replicability

86 / 100

The split-grid visual system, typography, and staged DOM motion reproduce reliably with current frontend tools; the main judgment call is sourcing a varied, equally art-directed project-image set.

Main remaining challenge

Maintaining the exact editorial tension between sparse black space, cropped image positions, changing list state, and consistently restrained type at every sequence stage.

The design and branding of Gianluca Gradogna — Multidisciplinary Designer belong to their authors. InspoToCode documents its visual language as a reference; anything you build from it should carry your own branding, copy and assets.

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