Explore

Mikki Sindhunata

PRO

mikkisindhunata.com

Visit website
Screenshot of Mikki Sindhunata
PortfolioPublished
  • Animation
  • Dark
  • Editorial
  • Large type

Palette

Typography

  • Primary

    Anton SC
    Weights
    400
    Fallback
    Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif

  • Secondary

    B612 Mono
    Weights
    400, 700
    Fallback
    'Courier New', monospace

About this design

A film director’s portfolio that turns its homepage into an editorial title sequence: tightly framed movement footage, oversized condensed type, technical mono captions and sparse outlined controls share one cinematic stage.

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 Opus 5The build hinges on precise full-bleed video overlays, typographic positioning and polished page transitions, all well suited to structured multi-file frontend work without 3D complexity.

Creative tools

  • Runway

Libraries

  • GSAP· Detected
  • Lenis· Detected
  • GSAP

Special requirements

A licensed or newly produced cinematic movement-film loop; careful alpha-free video grading; editorial page-transition choreography; a custom stacked monogram rendered as original SVG or text.

AI Replicability

85 / 100

The overlay-driven visual system and observed transitions reproduce reliably with current frontend tools; the main remaining challenge is sourcing or creating movement footage with equally controlled choreography, crop and lighting.

Main remaining challenge

Creating an original movement-film loop whose intimate choreography, dim green-black grade and composition still leave clean negative space for the oversized type.

The design and branding of Mikki Sindhunata 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