Mat Voyce

a type-designer-and-animator's portfolio that is itself a kinetic type specimen, viewport-filling F37 Judge letters in electric cyan, sliding and animating across a cream field, with lime and black accents and mono captions, the work and the website are the same thing.

Design Portfolio Type Designer Animator strong

Design tokens

cream

white

black

near-black

cyan

cyan-light

lime

display: F37 Judge
body: F37 Judge
mono: none
extended: F37 Judge-Extended

Do / Don't

Reference it for

Type-as-everything: viewport-scale display letters that animate, the portfolio is a live specimen of the maker's craft.
A tight, bright accent system (electric cyan + lime) on warm cream, energetic but disciplined.
Mono captions framing huge display type, "studio metadata" against spectacle.
Strong, confident easing (cubic-bezier(0.76,0,0.24,1)) for big type moves.
A nav that signals the medium (GIPHY alongside Behance) for a motion/type practitioner.

Do not copy

Viewport-scale animated type only works when type/motion is the actual offer; elsewhere it overwhelms content.
F37 Judge is licensed and very recognisable; map to a similar bold display.
The huge sizes (up to 412px) and kinetic motion need careful performance and reduced-motion handling.

Signature moves

type-as-everything kinetic specimen

viewport-scale display letters (up to 412px) slide and animate across a warm cream field, making the portfolio a live specimen of the maker's type/motion craft.

bright-accent-on-cream + mono-caption framing

a tight electric cyan (#00d3ff) plus lime accent system on warm cream, with mono captions framing the huge display type as studio metadata against spectacle.

confident strong-easing type moves

big type moves run on a strong, confident easing (cubic-bezier(0.76,0,0.24,1)) with a secondary ease-out-quart (cubic-bezier(0.165,0.84,0.44,1)) for softer reveals.

Related references

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.

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.

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.

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.