← OpenDesign CURATED · OPEN · FREE
Julienrenau
A stark, typographic portfolio for a creative technologist, emphasizing technical expertise through minimal design.
Developer Tools Portfolio Clean Minimal Typography
01
Identity DNA
portfolio creative technologist webgl minimal technical
A minimalist, high-contrast digital portfolio showcasing advanced creative technology projects.
02
Color
#272727Ink
#EBEBEBBG
#898989Muted
rgba(39,39,39,0.15)Line
Extreme restraint; monochromatic palette with high contrast for readability.
03
Typography
grotesque-sans
display 45px · 500body 16px · 400Use Founders Grotesk for all text elements. · Maintain tight line-heights for headlines. · Use bold weight (700) for emphasis and metadata.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Strict vertical rhythm with large whitespace blocks.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid borders using primary ink color for separation.
06
Layout
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
Asymmetric grid with large whitespace and horizontal rules.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
Subtle hover transitions on interactive elements. · Horizontal scrolling or sliding for project galleries.
Subtle color or opacity changes. · Direct navigation to project details.
08
Components
button Text-based links with no background or border. card Project cards are large horizontal blocks with a top border. hero Text-heavy hero with large typography and minimal imagery. 09
Voice & Don'ts
Tone Professional, concise, and technical. Headlines Short, descriptive titles with em-dash separators. CTAs Minimal, text-based calls to action. Don't use decorative illustrations — screenshot shows stark text and photography only. Don't use bright accent colors — screenshot shows a monochromatic palette. Don't use rounded corners — screenshot shows sharp, rectangular elements. Don't use drop shadows — screenshot shows flat, border-based design. Don't use complex navigation — screenshot shows simple text links. Don't use playful fonts — screenshot shows a clean, grotesque sans-serif. Avoid: Avoid decorative elements or illustrations. Avoid: Avoid bright or saturated colors. Avoid: Avoid complex layout structures. Avoid: Avoid playful or informal language. 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（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 minimalist portfolio for a creative technologist, using a stark, high-contrast monochromatic palette (ink #272727 on background #EBEBEB) with a single grotesque-sans typeface (Founders Grotesk). The layout is asymmetric with large whitespace blocks and horizontal rules separating sections. Key features include large, bold typography for project titles, text-based navigation, and a complete absence of decorative elements or shadows. Critical donts: avoid bright accent colors, rounded corners, and playful language. Positioning is professional and technical, emphasizing WebGL and Unity projects.
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 perfect example of minimalist portfolio design, using typography and whitespace to create a strong visual hierarchy.
