Explore

Love and Money

PRO
Screenshot of Love and Money
Creative StudioPublished
  • Editorial
  • Large type
  • Light
  • Minimal

Palette

Typography

  • Primary

    ABCDiatype-Bold
    Weights
    700
    Fallback
    Arial, Helvetica, sans-serif

  • Secondary

    Unknown
    Weights
    400
    Fallback
    Use a bespoke SVG or hand-drawn vector mark, not a substitute font.

About this design

A design consultancy portfolio that turns a restrained off-white canvas into a fast-scrolling, image-led editorial system, punctuated by oversized blunt typography, an ink-like monogram, and irregular project-grid pacing.

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

  • Next.js
Agent
Claude Code
Model
Claude Fable 5.1This is a media-heavy but DOM-led editorial build where scroll pacing, asymmetric CSS grid composition, responsive crops, and typographic precision matter more than specialised rendering.

Creative tools

  • Nano Banana
  • Runway

Special requirements

A coherent substitute portfolio-image set spanning process, people, product, packaging, and graphic work; a bespoke vector ink-mark substitute; responsive art direction for irregular media crops.

AI Replicability

84 / 100

The editorial grid, type treatment, and scrolling montage reproduce reliably with current frontend tools. The main remaining challenge is sourcing or generating a convincingly varied, equally art-directed body of portfolio imagery.

Main remaining challenge

Creating a substitute project-image archive with enough range, tactility, and carefully chosen crops to sustain the page’s editorial credibility.

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