Nick DiMatteo

Item: Nick DiMatteo
Rating: 7

Design-focused web developer building sites for brands and agencies.

nickdimatteo.com Save page

7.0/10MABTU rating

DESKTOP · 1440 × 2,785/ ↗

MOBILE · 390

Section outline · Home

01introOne-sentence bio in grotesque
02work listRuled project rows with hover preview
03open sourceRuled rows with links
04footerHuge wordmark

Rating · Home

Visual design6.8

UX & clarity6.8

Originality6.6

Craft & consistency7.2

Motion6.8

Performance & a11y8.5

This page scores 7.0; the site score weights the home page double.

Main colours

Dark·black background·mono

Typography

Grtsk Teraheading · font · self-hosted Grtsk Petabody · font · self-hosted Akkurat Monoaccent · mono · self-hosted

Stack & style

Next.js Sanity Tailwind CSS React

Minimal Swiss grid Dark tech Sticky header

Also: Netlify

Design DNA

Black page with numbered mono section labels (0_intro, 1_selected_work, 2_open_source), a wide grotesque intro sentence and a ruled list of projects with one-line descriptions, year and agency partner. Hovering a row floats a large preview of the site. Small lime accents mark availability. Footer spells the name in a huge wide display face with a custom glyph.