CURATED · OPEN · FREE

Yannickgregoire Nl

A brutalist interactive portfolio for a creative developer, utilizing terminal aesthetics and keyboard-driven navigation.

Developer ToolsExperimentalBold TypographyDeveloperMotion

↓ Download design system (4 MB)Open in OpenDesign

Visit: https://yannickgregoire.nl

📦 Browse pack contents →

Identity DNA

brutalistterminalinteractivecreative developerexperimental

A hacker's terminal meets high-fashion editorial

Color

#00FFA8Accent

#000000Ink

#FFFFFFBG

rgba(0,0,0,1)Line

Stark high-contrast monochrome with a single neon green accent for focal points.

Typography

monospace

display74px · 400
heading37px · 400
body24px · 400
caption14px · 400

All text is strictly uppercase · Primary typeface is LT Terminal Mono (monospace) · No variable font weights used

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Strict grid alignment with prominent whitespace

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid black on interactive elements and panels

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Asymmetric grid with floating terminal windows and ASCII art blocks

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.19, 1, 0.22, 1)easing

Keyboard-driven navigation with smooth scroll · Terminal-style text animations · Sliding window transitions

Background color inversion or accent color highlight · Immediate visual feedback with terminal-style sound effects

Components

button Monospace text labels with black backgrounds, sometimes with green accents
card Terminal-like floating windows with strict borders and ASCII art
chip Small tags with monospace font and solid black backgrounds
input Standard monospace text fields with bottom borders
hero Large ASCII art typography with floating terminal windows

Voice & Don'ts

Tone Technical, direct, and slightly cryptic
Headlines Large monospace uppercase with ASCII art
CTAs Simple command-like prompts

don't use serif fonts — screenshot shows strict monospace typography
don't add rounded corners — screenshot shows sharp rectangular elements
don't use soft shadows — screenshot shows flat design with hard borders
don't use conversational UI patterns — screenshot shows terminal-like command prompts
don't add decorative illustrations — screenshot shows ASCII art only
don't use multiple accent colors — screenshot shows single green accent (#00FFA8) only
Avoid: Conversational language
Avoid: Decorative elements
Avoid: Soft or rounded aesthetics

Inside the pack — real screenshots

Yannickgregoire Nl — 桌面首屏（hero） — 桌面首屏（hero）

Yannickgregoire Nl — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a brutalist portfolio site for a creative developer, using terminal aesthetics with LT Terminal Mono font. Key colors are #FFFFFF background, #000000 text, and #00FFA8 accent. Critical don'ts: no serif fonts, no rounded corners, no soft shadows, no conversational UI, no decorative illustrations beyond ASCII art. The site uses keyboard-driven navigation with smooth transitions, creating an interactive terminal experience.

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