CURATED · OPEN · FREE

Emil Kowalski

A calm, developer-focused portfolio with a clean, typographic-first approach.

portfoliodev

↓ Download design system (2 MB)Open in OpenDesign

Visit: https://emilkowal.ski

📦 Browse pack contents →

Identity DNA

design engineercleanminimaldeveloper portfolio

A well-organized notebook

Color

#21201cInk

#63635eInk soft

#fdfdfcBG

rgba(233,233,231,1)Line

Monochrome with a warm, off-white base and high-contrast typography.

Typography

humanist-sans

h216px · 500

Body text uses a light gray color (#63635e) for softer reading. · Section headings are black (#21201c) and slightly bolder. · Maintain a consistent 24px line height for body text.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Vertical rhythm is established by consistent 24px line-heights and generous 96px vertical spacing between major sections.

Surfaces

sm · 0px

md · 6px

lg · 0px

pill · 9999px

1px solid border color (rgb(233,233,231))

0 0 0 1px rgba(0,0,0,0.08) · 0 2px 2px 0 rgba(0,0,0,0.04)

Layout

640container

1columns

768breakpoints

Single-column layout with a narrow, centered container.

Motion & Interaction

150msmicro

150mssmall

150msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Subtle color transitions on interactive elements.

Subtle color change on hover (transition: 0.15s). · Standard click behavior.

Components

button Dark, pill-shaped primary action button with white text.
card N/A - Minimalist list-based structure without cards.
chip N/A
input Rounded input with a subtle border.
hero Minimal text-based hero with name, title, and bio.

Voice & Don'ts

Tone Confident, professional, and straightforward.
Headlines Concise and direct, often just a single word or short phrase.
CTAs Simple, action-oriented text on a high-contrast button.

Don't use bright, saturated accent colors — screenshot shows a monochrome palette.
Don't use complex multi-column layouts — screenshot shows a single, narrow column.
Don't use heavy drop shadows — screenshot shows minimal, subtle borders.
Don't use large, dramatic typography — screenshot shows a modest, readable scale.
Don't use sans-serif fonts with purely geometric or humanist characteristics — screenshot shows a clean, neutral sans-serif.
Don't use excessive padding or margins — screenshot shows tight, consistent spacing.
Avoid: Marketing fluff
Avoid: Complex jargon
Avoid: Excessive exclamation marks

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist developer portfolio for a design engineer. The design relies on a clean, monochrome palette with a warm off-white background (#fdfdfc) and dark ink (#21201c). The layout is a single, narrow column, prioritizing readability and content over visual complexity. Typography is set in a neutral sans-serif category, with clear hierarchy established through weight and color rather than size. Key design elements include subtle 1px borders and rounded input fields. Critical don'ts: avoid bright accent colors, complex grids, heavy shadows, and overly large display fonts. The overall feel is calm, refined, and professional.

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