CURATED · OPEN · FREE

Reboot Studio

A premium agency portfolio for building marketing sites for software startups.

AgencyPremiumBold TypographyCleanProductivity

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://reboot.studio

📦 Browse pack contents →

Identity DNA

startup-focusedminimalboldagencypremium

A high-end bespoke studio for software founders.

Color

#232323Ink

rgba(35, 35, 35, 0.4)Ink soft

#ffffffBG

#f5f5f5BG soft

#c8c8c8Muted

rgba(0, 0, 0, 0.1)Line

Strict monochrome palette with strong typographic contrast.

Typography

humanist-sans

display40px · 500
body16px · 500
caption14px · 500

Use Inter or a similar humanist sans-serif · Apply tight negative letter-spacing to large display sizes · Maintain a strict 500 font-weight for primary text elements

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing with large padding blocks (128px top padding observed).

Surfaces

sm · 4px

md · 16px

lg · 16px

pill · 9999px

Solid 1px borders using rgba(0, 0, 0, 0.1) or rgb(229, 231, 235).

0px 1px 1px -0.5px rgba(0,0,0,0.06) · 0px 10px 15px -3px rgba(0,0,0,0.1) · 0px 0px 0px 1px rgba(0,0,0,0.05)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered content block with a maximum width, surrounded by extensive whitespace.

Motion & Interaction

150msmicro

300mssmall

500msmedium

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

Smooth fade-ins and transitions for text blocks · Subtle scaling or color shifts on interactive elements

Subtle opacity or color changes on interactive elements. · Immediate visual response with smooth transition.

Components

button Pill-shaped buttons with a dark background (#232323) or transparent with a subtle border.
card Not prominently featured in the provided views.
chip Small pill-shaped tags (e.g., 'Hiring · Web Designer') with a 1px border and rounded corners.
input Not prominently featured in the provided views.
hero Large typographic layout mixing dark and muted gray text, centered on a white background.

Voice & Don'ts

Tone Confident, professional, and straightforward.
Headlines Direct and declarative statements.
CTAs Simple and action-oriented (e.g., 'See work').

don't use multiple accent colors — screenshot shows a strict black, white, and gray palette.
don't use decorative serif fonts — screenshot shows a consistent use of a humanist sans-serif.
don't create crowded layouts — screenshot shows expansive whitespace and a centered content column.
don't use heavy background textures — screenshot shows flat, solid white backgrounds.
don't use complex drop shadows on all elements — screenshot shows minimal, subtle shadows.
don't use all-caps for body copy — screenshot shows standard sentence case and lowercase.
Avoid: Overly complex jargon
Avoid: Aggressive sales language
Avoid: Unnecessary decorative elements

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a premium agency portfolio for a studio building marketing sites for software startups. The design DNA is defined by a strict monochrome palette (white, black, and grays), large bold typography using a humanist sans-serif, and a layout that prioritizes generous whitespace and centered content. Key hex colors include white (#ffffff), near-black (#232323), and a light gray (#f5f5f5). Critical don'ts: avoid using decorative fonts, do not clutter the layout with unnecessary elements, and never use bright accent colors that would break the professional, restrained aesthetic. The overall tone is confident and understated.

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