CURATED · OPEN · FREE

Bbastudio Eu

A minimalist, photography-led design studio portfolio that lets the work speak for itself.

AgencyCleanPhotographicStudioRestraint

↓ Download design system (22 MB)Open in OpenDesign

Visit: https://www.bbastudio.eu

📦 Browse pack contents →

Identity DNA

ArchitecturalStudioPremiumMinimalPortfolio

A quiet luxury retail storefront or high-end architecture journal

Color

#000000Ink

#FFFFFFBG

#E5E7EBMuted

rgba(229, 231, 235, 1.0)Line

Strict monochrome for UI, allowing project photography to provide all color.

Typography

humanist-sans

body14px · 400
logo48px · 400

All text is consistently set to 400 weight. · Tight line-height for compact information display.

Spacing

4px

8px

16px

20px

24px

32px

48px

64px

96px

112px

Irregular spacing, prioritizing optical alignment within the photographic context.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 9999px

1px solid rgb(229, 231, 235) on standard elements, 1px solid rgb(255, 255, 255) on specific overlays.

Layout

1920container

12columns

24pxgutter

768 / 1024breakpoints

Full-viewport photographic hero section with absolute positioned text elements.

Motion & Interaction

150msmicro

300mssmall

800msmedium

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

Extremely slow, continuous background transforms (30s duration) for subtle parallax or drift.

Custom cursor (arrow-d2.svg) for primary interactions. · Standard pointer for text links.

Components

button No visible traditional buttons; navigation relies on text links.
card No traditional cards; the layout relies on full-bleed imagery.
chip Pill-shaped pagination dots (borderRadius: 9999px).
input No visible input fields.
hero Full-screen photographic background with minimalist text overlays.

Voice & Don'ts

Tone Quiet, confident, and architectural
Headlines Minimal text, relying on imagery for impact
CTAs Subtle text-based prompts like 'Explore'

Don't use vibrant gradients — the screenshot shows a strictly monochrome UI palette.
Don't use heavy drop shadows — the screenshot shows completely flat UI elements.
Don't use thick borders — the screenshot shows 1px subtle borders or none at all.
Don't use playful or rounded shapes — the screenshot shows sharp edges or pill-shaped navigation dots.
Don't use busy backgrounds behind text — the screenshot relies on clear photographic subjects or empty space.
Don't use bold font weights — the screenshot shows exclusively 400 weight text.
Avoid: Overcrowded UI
Avoid: Vibrant color palettes
Avoid: Decorative typography

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist design studio portfolio website. It features a clean, monochrome UI (black #000000 and white #FFFFFF) with a primary focus on high-quality, full-bleed architectural photography. The typography is a humanist-sans at 14px and 400 weight, maintaining a quiet and understated presence. The layout is dominated by a full-viewport hero section with absolute positioned navigation. A key characteristic is the custom cursor and extremely slow, 30-second background motion transforms. Critical donts include avoiding vibrant colors, heavy shadows, or bold typography, as the screenshot shows a highly restrained, gallery-like approach where the work itself provides all visual interest.

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