← OpenDesign CURATED · OPEN · FREE
Ingmarcoenen
A bold, monochromatic portfolio site anchored by massive custom typography and clean minimalism.
Portfolio Studio Clean Typography Photographic
01
Identity DNA
Bold Minimal Experimental Creative Digital
High-contrast editorial portfolio with extreme typographic scale
02
Color
#000000Ink
#3a4042Ink soft
#ffffffBG
#f2f2f2BG soft
#919191Muted
rgba(0,0,0,1.0)Line
High-contrast monochrome with occasional photography
03
Typography
display-sans · neo-grotesque-sans · serif
display 295px · 400body 13px · 400heading 36px · 40004
Spacing
4px
8px
12px
16px
20px
24px
32px
48px
80px
120px
Asymmetrical with generous whitespace
05
Surfaces
sm · 4px
md · 12px
lg · 12px
pill · 100px
1px solid black for active states, otherwise borderless
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Asymmetrical grid with massive top-aligned hero and offset content blocks
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
Fade transitions
Background color shifts for buttons and links · Subtle scale or color change
08
Components
button Pill-shaped or rounded rectangular with subtle backgrounds card Full-bleed image cards with rounded corners chip Small rounded pill indicators for active states input Full-width rounded input fields with light backgrounds hero Extreme oversized typography dominating the viewport 09
Voice & Don'ts
Tone Professional, direct, and personal Headlines Massive, bold, and abstract CTAs Subtle, rounded buttons with minimal emphasis Don't use a multi-color palette — screenshot shows strictly monochrome elements Don't use small display typography — screenshot shows massive, viewport-filling hero text Don't use heavy drop shadows — screenshot shows completely flat surfaces Don't use rigid grid alignments — screenshot shows offset, asymmetrical layouts Don't use complex icon sets — screenshot shows minimal, custom text-based branding Don't use standard serif fonts for body text — screenshot shows a condensed serif only for the main intro paragraph Avoid: Overly decorative elements Avoid: Busy layouts Avoid: Loud colors 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a high-contrast, monochromatic portfolio site for a digital design director. The design DNA is defined by extreme typographic scale using custom display fonts and a neo-grotesque sans-serif for UI elements. Key colors are pure black (#000000) on a white (#ffffff) or light gray (#f2f2f2) background. The layout is asymmetrical and generous with whitespace, using 12px and 4px border-radii for UI components. Critical donts include: don't use multi-color palettes, don't use small display typography, and don't use heavy shadows. The tone is professional, direct, and personal, focusing on the work rather than flashy visual effects.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: A masterclass in minimalist portfolio design, using extreme scale and strict monochrome to create a memorable and professional presence.
