CURATED · OPEN · FREE

Charlielemaignan

An experimental graphic design portfolio defined by massive, expressive typography and a stark high-contrast color palette.

TypographyPortfolioBold TypographyDesign ToolsExpressive

↓ Download design system (6 MB)Open in OpenDesign

Visit: http://charlielemaignan.com

📦 Browse pack contents →

Identity DNA

ExpressiveTypographicExperimentalGraphic DesignPortfolio

A graphic designer's personal portfolio showcasing bold, experimental typography and vibrant, high-contrast visuals.

Color

#FFFFFFInk

#838383Ink soft

#000000BG

rgba(255,255,255,1.0)Line

High-contrast monochrome base with vibrant, project-specific colors introduced through portfolio imagery.

Typography

geometric-sans · neue-haas-grotesk

display360px · 700
heading40px · 700
body20px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Loose, centered layout with generous whitespace to emphasize large typographic elements.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

2px solid #FFFFFF for pill buttons, otherwise no borders.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-width, vertically stacked sections with centered content, dominated by a large hero logo.

Motion & Interaction

100msmicro

300mssmall

800msmedium

cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

Smooth transitions on interactive elements. · Custom cursor animation.

Interactive elements feature smooth, subtle transitions over 0.3 seconds. · Immediate visual feedback.

Components

button Pill-shaped buttons with transparent backgrounds, white borders, and white text.
card Project cards presented as large, full-bleed images or videos within a grid.
hero A massive, custom typographic logotype 'Charlie' that serves as the primary visual hook.

Voice & Don'ts

Tone Experimental, bold, and highly personal.
Headlines Massive, tightly tracked, and often custom-designed display typography.
CTAs Clean, pill-shaped buttons with high-contrast outlines.

Don't use subtle colors — screenshot shows high-contrast black and white as the primary palette.
Don't use standard web fonts — screenshot shows highly customized, expressive display type.
Don't use sharp corners for buttons — screenshot shows consistent pill-shaped (border-radius: 999px) navigation elements.
Don't clutter the layout with many elements — screenshot shows a sparse, centered layout focused on a single large visual.
Don't use traditional grid layouts — screenshot shows a full-bleed, vertically stacked presentation of work.
Don't use small, safe typography — screenshot shows massive, tightly tracked type that dominates the viewport.
Avoid: Generic or corporate language.
Avoid: Standard, uninspired typography.
Avoid: Cluttered or overly complex layouts.
Avoid: Subtle or muted color palettes.
Avoid: Conventional grid structures.

Inside the pack — real screenshots

Charlielemaignan — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

This is an experimental graphic design portfolio characterized by a stark, high-contrast monochrome base and massive, expressive typography. The design uses a black background (#000000) and white text (#FFFFFF) to create a bold visual impact. The primary font categories are geometric-sans for display elements and grotesque-sans for body text. Key interactive elements are pill-shaped buttons with white borders. The layout is sparse and vertically centered, focusing attention on large, custom-designed typographic logos. Critical donts: avoid using subtle or muted colors, avoid standard or generic typography, avoid sharp corners on buttons, avoid cluttered or complex layouts, avoid traditional grid structures, and avoid small, safe font sizes.

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