CURATED · OPEN · FREE

Hausotto

A minimalist design studio portfolio centered on massive, monochromatic typography.

PortfolioStudioEditorialCleanMonochrome

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://www.hausotto.com

📦 Browse pack contents →

Identity DNA

minimalarchitecturalstarkdirect

A stark, typographic billboard in a white room.

Color

#000000Ink

#ffffffBG

rgba(0,0,0,1.0)Line

Strict monochromatic high-contrast with no decorative color.

Typography

geometric-sans

display216px · 400
heading22px · 400
body13px · 400

All typography is strictly monochrome and geometric. · Negative letter-spacing is heavily applied to large display text. · Text color is uniformly solid black (#000000).

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing and precise padding steps.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

Minimal and strictly 1px solid black for interactive or underlined elements.

Layout

1920container

4columns

24pxgutter

768 / 1024breakpoints

Expansive whitespace with a rigid, unbordered tabular grid.

Motion & Interaction

220msmicro

500mssmall

500msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Subtle transitions on opacity and top position for interactive states.

Subtle opacity changes on navigable items. · Standard pointer cursor for interactive elements.

Components

button Text-only buttons with no background or border, except for a solid black cookie action.
card Cardless layout; data is presented in a clean, borderless table.
chip None.
input None.
hero Massive, centered typographic wordmark dominating the full viewport.

Voice & Don'ts

Tone Neutral, direct, and strictly functional.
Headlines Massive, all-caps, tightly tracked geometric sans-serif.
CTAs Plain text or simple black boxes without decoration.

don't use secondary colors — screenshot shows a strictly black-and-white palette.
don't apply border-radius — screenshot shows sharp, unrounded rectangular elements.
don't use drop shadows — screenshot shows completely flat, 2D surfaces.
don't use decorative imagery — screenshot shows a strictly typographic interface.
don't vary font weights — screenshot shows uniform weight across all text.
don't use centered multi-line text — screenshot shows left-aligned lists and centered single-line headers.
Avoid: Avoid decorative colors or gradients.
Avoid: Avoid rounded corners or soft shapes.
Avoid: Avoid drop shadows or layered surfaces.
Avoid: Avoid friendly or playful micro-copy.
Avoid: Avoid varied font weights; maintain uniform thickness.
Avoid: Avoid centered, multi-line text blocks.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist design studio portfolio. The layout is characterized by massive, monochromatic typography (Monument-like geometric sans-serif) centered on a stark white background (#ffffff) with solid black text (#000000). The primary content is organized in a clean, borderless tabular grid, maintaining a high-contrast, strictly architectural aesthetic. Critical constraints include the absolute prohibition of color, border-radius, drop shadows, and decorative imagery. Any deviations from this stark, flat, and grid-based structure will compromise the design's rigid, high-end editorial identity.

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