CURATED · OPEN · FREE

Soulwire

A minimalist, monospaced portfolio for a creative coder and engineer.

DeveloperPortfolioDark ModeMonospaceClean

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://soulwire.co.uk

📦 Browse pack contents →

Identity DNA

creative codergenerative designinteractiveminimal

a terminal-like personal portfolio

Color

#E2E6E8Ink

#16191BBG

rgba(226,230,232,1.0)Line

Strict monochromatic palette with near-black background and light gray text

Typography

monospace

display24px · 300

All text is monospaced · Light weight (300) used throughout · Uppercase and letter-spacing for section labels

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Linear and predictable, with generous whitespace between sections

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

No visible borders

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A centered content column on a full-width dark background

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.23, 1, 0.32, 1)easing

Opacity transitions for element appearances

Pointer cursor on interactive elements · Standard browser behavior

Components

button Simple monospaced text links with pointer cursor
card None
chip None
input None
hero A simple, left-aligned text block with a large heading and a short bio

Voice & Don'ts

Tone Professional, direct, and minimalist
Headlines Simple, conversational, and large
CTAs Plain monospaced text links

Don't use serif fonts — screenshot shows monospace fonts exclusively
Don't use bright or saturated colors — screenshot shows a strict grayscale palette
Don't add shadows or depth — screenshot shows completely flat surfaces
Don't use rounded corners on elements — screenshot shows sharp or no corners
Don't use a traditional navigation bar — screenshot shows links integrated into the layout
Don't use centered text alignment — screenshot shows left-aligned content blocks
Avoid: Marketing jargon
Avoid: Excessive decoration
Avoid: Conversational filler

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist developer portfolio for a creative coder, featuring a dark, monochromatic color scheme (bg #16191B, ink #E2E6E8) and a strictly monospaced typography system (Roboto Mono). The layout is a centered, single-column structure with generous whitespace and no borders or shadows. Critical donts: do not introduce any serif or sans-serif fonts, do not use any saturated or high-chroma accent colors, and do not add any three-dimensional depth or rounded corners to elements.

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