Explore

Love and Money

PRO

loveandmoney.com

Visit website
Screenshot of Love and Money
Creative StudioPublished
  • Animation
  • 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 Sonnet 5This 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

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.

The design and branding of Love and Money 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