CURATED · OPEN · FREE

Richardekwonye

Minimalist creative developer portfolio with bold typographic expression

PortfolioBold TypographyCleanDeveloperPhotographic
Richardekwonye screenshot
↓ Download design system (5 MB)Open in OpenDesign

Visit: https://www.richardekwonye.com

📦 Browse pack contents →

01

Identity DNA

minimalprofessionaltypographicdesign-engineer

A well-structured architectural blueprint for a digital portfolio

02

Color

#000000Ink
#E1DFDDBG
rgba(0,0,0,1.0)Line

High contrast monochrome with warm neutral background

03

Typography

geometric-sans

All headings and display text are uppercase · Tight letter-spacing on large typography · Weight contrast between 400 for body and 500 for headings

04

Spacing

4px
8px
16px
24px
32px
48px
64px
96px
170px

Vertical rhythm based on 4px grid with generous whitespace

05

Surfaces

sm · 0px
md · 0px
lg · 0px
pill · 999px

No visible borders; clean edge-to-edge layout

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Asymmetric grid with generous negative space

07

Motion & Interaction

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.62, 0.05, 0.01, 0.99)easing

Smooth transform transitions on scroll · All elements have transition properties defined

Cursor pointer on interactive elements · Immediate response with visual feedback

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

This is a minimalist creative developer portfolio for Richard Ekwonye, currently Design Engineer at Stripe. The design uses a strict monochrome palette with warm neutral background (#E1DFDD) and black text (#000000). Typography is geometric sans-serif (PP Neue Montreal) with extreme scale contrast, featuring 144px display type alongside 16px body text. Critical design principles: maintain uppercase treatment for all headings, preserve generous whitespace (170px vertical padding), avoid any decorative elements or borders, use sharp rectangular shapes without border-radius, and implement smooth 1-second cubic-bezier transitions. The layout is asymmetric with a 12-column grid, focusing on typographic expression over visual decoration.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko