Screenshot of Lax Space

Lax Space

www.laxspace.co

Minimal Brockmann-font portfolio with 11-keyframe motion library — site captured in an "Application error" React state, but CSS data reveals motion-heavy intent.

Design Portfolio Designer Portfolio niche

Design tokens

black
lightGrey
display
Brockmann
body
Brockmann
fallback
system-ui

Do / Don't

Reference it for

  • maskCollapse + splashCollapse keyframes — pre-loader collapse animation pattern
  • fadeInProjects + fadeInPortfolioImage keyframes — portfolio reveal patterns
  • runningText keyframe for marquee/scrolling text
  • shakeIt keyframe for shake interaction
  • imageLoad keyframe for progressive image reveal
  • Brockmann as Pangram Pangram-style modernist sans alternative
  • Pure black + light grey ultra-minimal palette
  • Comprehensive system-ui fallback chain

Do not copy

  • The Lax Space name
  • The Brockmann font licence (paid)
  • The 11-keyframe specific motion library unless equivalent reveals fit the brand
  • The Next.js / React build dependency if simpler stack preferred

Signature moves

collapse-and-reveal preloader sequence

a pre-loader uses maskCollapse plus splashCollapse keyframes to collapse the splash, then fadeInProjects and fadeInPortfolioImage keyframes stagger the portfolio in, with imageLoad for progressive image reveal

ultra-minimal mono-palette type system

pure black plus light grey is the entire palette on an off-white rgb(203,203,203) ground, set in a single Brockmann modernist sans on a tiny 14/16px scale with zero declared CSS custom properties

Related references

Screenshot of First Frame

First Frame

niche

Film Production

Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.
Screenshot of Gianluca Gradogna

Gianluca Gradogna

niche

Design Portfolio

a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.
Screenshot of Hugo Baron

Hugo Baron

niche

Design Portfolio

The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.
Screenshot of Ichiki 109

Ichiki 109

niche

Design Portfolio

The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.