CURATED · OPEN · FREE

Somethingspecialstudios

A bold, image-driven creative agency portfolio that prioritizes visual work and typography over UI decoration.

AgencyPortfolioPhotographicCleanBold Typography

↓ Download design system (18 MB)Open in OpenDesign

Visit: https://somethingspecialstudios.com

📦 Browse pack contents →

Identity DNA

agencycreativeportfoliohigh-fashioneditorial

A high-end fashion magazine translated into a digital gallery.

Color

#141414Ink

#FFFDF1BG

#E6E6E6Muted

rgba(20, 20, 20, 0.1)Line

Strict black-on-cream typography with vibrant photography as the only color source.

Typography

transitional-serif

display75px · 400
body16px · 400
caption12px · 400

Use the AntiqueLegacy font family for all text. · Maintain a strict font weight of 400 for all elements.

Spacing

4px

8px

10px

16px

24px

32px

48px

64px

8px baseline rhythm for gaps and padding.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid border color for subtle dividers.

Layout

1920container

12columns

10pxgutter

768 / 1024breakpoints

Full-width image grid with minimal padding.

Motion & Interaction

100msmicro

150mssmall

600msmedium

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

Opacity fade and subtle transform on hover and page transitions.

Cursor changes to pointer; subtle opacity or transform transitions. · Standard navigation.

Components

button Text-only links with cursor pointer.
card Image-driven gallery items with text metadata below.
hero Massive typographic title at the top.

Voice & Don'ts

Tone Minimal, professional, and confident.
Headlines Large, bold, serif typography.
CTAs Simple text links.

Don't use bright UI accents — screenshot shows the design relies on photography for color.
Don't use sans-serif fonts — screenshot shows a consistent transitional-serif typeface throughout.
Don't use heavy shadows or border radii — screenshot shows flat, edge-to-edge imagery.
Don't use dense text layouts — screenshot shows minimal, concise copy and large whitespace.
Don't use complex navigation menus — screenshot shows a flat, top-aligned navigation bar.
Don't use rounded image corners — screenshot shows strict rectangular crops for all imagery.
Avoid: Decorative elements
Avoid: Complex gradients
Avoid: Vibrant UI accents
Avoid: Dense text blocks

Inside the pack — real screenshots

Somethingspecialstudios — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

A high-end creative agency portfolio for Something Special Studios. Positioning: A premium, image-first gallery showcasing fashion, retail, and lifestyle work. Key hex colors: #FFFDF1 (cream background), #141414 (ink black), and #E6E6E6 (muted borders). Font categories: Transitional-serif (AntiqueLegacy) for both display and body. Critical donts: Never use sans-serif fonts; never add rounded corners to images; never use vibrant UI accents or shadows. The layout is a minimalist, full-width grid that prioritizes photography over decorative UI 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