CURATED · OPEN · FREE

Verse Sh

A minimalist portfolio for a creative developer focusing on React and Three.js experiments.

PortfolioDeveloper3DDark ModeExperimental

↓ Download design system (8 MB)Open in OpenDesign

Visit: https://www.verse.sh

📦 Browse pack contents →

Identity DNA

creative developerweb3Dexperimentalminimal

A developer's dark-mode workspace showcasing 3D experiments.

Color

#D4D4D4Ink

#737373Ink soft

#000000BG

rgba(23, 23, 23, 1)Line

Extreme minimalism using pure black background with light gray monospaced text and subtle dark borders.

Typography

monospace

display16px · 400
h116px · 400
body11px · 400

Text is predominantly uppercase. · All text uses the 'Commit Mono' monospace font. · No font weights above 400 are visible.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Consistent 16px padding and gaps for a structured grid layout.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Thin 1px solid borders (#171717) used to create a strict grid of cells.

Layout

1280container

2columns

768 / 1024breakpoints

A 2-column grid layout with uniform cell sizes and zero gutters between the bordered cells.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Opacity transitions (0.5s) on interactive elements. · The 3D skull object likely has continuous rotation or hover interactions.

Subtle opacity change on links and interactive elements. · Standard link navigation.

Components

button Simple text-based links in brackets like [LINK] or [CODE] within cells.
card Bordered grid cells containing a preview image and a footer row with tech stack and links.
chip None visible.
input None visible.
hero A minimal top cell containing the brand name, tagline, and contact links.

Voice & Don'ts

Tone Direct, minimalist, and developer-focused.
Headlines Short, all-caps monospaced text (e.g., 'VERSE', 'I MAKE COOL WEBSITES').
CTAs Technical and understated, using brackets like [LINK] or [CODE].

Don't use serif or sans-serif fonts — the entire site uses a monospace typeface.
Don't use bright accent colors — the palette is strictly black, gray, and white.
Don't use rounded corners — all elements and borders are sharp-edged.
Don't use complex, multi-column layouts — the site uses a strict 2-column grid.
Don't use drop shadows — the design relies on flat borders and background contrast.
Don't use bold or heavy font weights — the text is uniformly light (weight 400).
Avoid: Marketing fluff or persuasive language.
Avoid: Decorative or serif typography.
Avoid: Bright or colorful UI accents.
Avoid: Complex layout structures.
Avoid: High font weights.
Avoid: Rounded corners or soft shadows.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist developer portfolio for 'Verse'. It features a stark black (#000000) background with light gray (#D4D4D4) monospaced text (Commit Mono). The layout is a strict 2-column grid of bordered cells (#171717) containing 3D experiments and project links. Key elements include uppercase labels for technology stacks (e.g., 'REACT + REACT-THREE-FIBER') and bracketed links like '[CODE]'. Critical don'ts: Avoid using serif or sans-serif fonts, avoid rounded corners or shadows, and avoid bright accent colors. The design is purely functional and technical, prioritizing clear project presentation over decorative 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