← OpenDesign CURATED · OPEN · FREE
Davejreid
A refined portfolio for a UI/UX and creative director, emphasizing typography and curated imagery.
Portfolio Editorial Typography Curation Premium
01
Identity DNA
portfolio editorial typographic curated minimal
A clean, high-end magazine spread showcasing design work.
02
Color
#222222Ink
#F5F6F7BG
#999999Muted
rgba(34,34,34,0.1)Line
High-contrast minimalism with a neutral canvas that lets portfolio imagery pop.
03
Typography
old-style-serif · humanist-sans
Use old-style-serif for primary narrative elements and headers. · Use humanist-sans for UI elements and secondary text.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
80px
96px
generous vertical whitespace between major sections
05
Surfaces
sm · 6px
md · 6px
lg · 6px
pill · 999px
none or extremely subtle
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Large, full-bleed or wide imagery separated by generous vertical whitespace.
07
Motion & Interaction
220ms micro
400ms small
600ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
simple fade-in on hover or transition
Subtle opacity change or simple transition. · Immediate navigation.
08
Components
button Minimal text links with arrow icons (↗), no solid backgrounds. card Large photographic cards with simple typography below. chip None visible. input None visible. hero A simple text block with a bio and navigation links, followed by a large image. 09
Voice & Don'ts
Tone Professional, refined, and understated. Headlines Serif, conversational but formal. CTAs Simple text links with arrow indicators. don't use bold, sans-serif headlines — screenshot shows a refined old-style serif instead don't use bright, saturated accent colors — screenshot shows a strictly neutral palette of grays don't use heavy shadows or cards — screenshot shows flat imagery against a plain background don't crowd elements together — screenshot shows significant vertical whitespace between sections don't use complex navigation — screenshot shows a minimal set of text links with arrows don't use modern geometric sans-serif for primary text — screenshot shows humanist-sans and serif fonts Avoid: loud calls to action Avoid: heavy branding elements Avoid: cluttered layouts 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（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 refined, editorial portfolio website for a UI/UX and creative director based in Hong Kong. The design DNA is defined by high-contrast minimalism, using a neutral off-white (#F5F6F7) background and dark charcoal (#222222) ink. Typography is the focal point, pairing an old-style-serif for display text with a humanist-sans for body elements. Critical donts include: do not use bright accent colors, do not use heavy shadows or modern geometric sans-serifs, and do not crowd elements with insufficient whitespace.
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: This site is a strong example of a refined, editorial portfolio that uses typography and whitespace effectively to create a premium feel without complex UI.
