CURATED · OPEN · FREE

Alecbabala

A minimal, monochromatic blue personal portfolio.

EditorialPhotographicMinimalPortfolioClean

↓ Download design system (7 MB)Open in OpenDesign

Visit: https://www.alecbabala.com

📦 Browse pack contents →

Identity DNA

PersonalCreativeCleanMinimalMonochromatic

A photographer's physical darkroom bathed in a single blue light, displaying prints.

Color

#FFFFFFInk

rgba(255,255,255,0.72)Ink soft

#194AE9BG

rgba(255,255,255,0.08)Line

Strict monochromatic blue with white text for maximum contrast and focus.

Typography

monospace · sans-serif

display16px · 400
body14px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical rhythm with large gaps (55px, 64px, 96px).

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

None visible.

Layout

24pxgutter

768 / 1024breakpoints

Single-column, centered layout.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Subtle hover transitions on text and images.

Text color or opacity changes on hover. · Navigational links.

Components

button No visible buttons.
card Image cards with a slight blue tint.
chip No visible chips.
input No visible inputs.
hero Simple text header with the name.

Voice & Don'ts

Tone Direct, personal, and understated.
Headlines All lowercase, monospace, short phrases.
CTAs Simple, underlined text links.

don't use serif fonts — screenshot shows only monospace and sans-serif.
don't use multiple background colors — screenshot shows a solid blue background throughout.
don't add decorative borders or shadows — screenshot shows a flat design with no borders.
don't use uppercase text — screenshot shows all text is lowercase.
don't use complex grids — screenshot shows a simple single-column centered layout.
don't use bright, high-chroma accent colors — screenshot shows a strict blue and white palette.
Avoid: Formal language
Avoid: Decorative elements
Avoid: Loud colors

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

A minimal, personal portfolio site with a strong monochromatic blue identity. The design uses a single vibrant blue (#194AE9) as the background with white (#FFFFFF) and semi-transparent white text. Typography is a mix of monospace (Courier Prime) for headlines and sans-serif (Inter/system-ui) for body text, all in lowercase. Key layout is a single centered column with generous vertical spacing. Critical donts: no serif fonts, no multiple background colors, no decorative borders or shadows, no uppercase text, no complex grids, and no bright accent colors.

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