CURATED · OPEN · FREE

General Type Studio

A bold, photographic type foundry portfolio that uses macro-imagery and massive display type.

typefoundry

General Type Studio screenshot

↓ Download design system (33 MB)Open in OpenDesign

Visit: https://www.generaltypestudio.com

📦 Browse pack contents →

01

Identity DNA

Type FoundryExperimentalPlayfulCraft

A digital specimen sheet that feels like a physical, tactile workshop.

02

Color

#ffffffInk

#000000BG

#222222Muted

rgba(255,255,255,1.0)Line

Strict monochrome palette relying on photographic content for color.

03

Typography

geometric-sans

display60px · 400
heading43px · 400
body16px · 400

Use large, bold display type for hero sections. · Use sans-serif for all UI and body text. · Maintain tight leading for display typography.

04

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Based on 4px increments with generous padding for sections.

05

Surfaces

sm · 4px

md · 0px

lg · 0px

pill · 999px

Thin white borders for structural dividers.

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed photographic backgrounds with text overlays.

07

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Fade-in · Color transition on hover

Smooth color transitions on links and buttons. · Standard cursor interactions.

08

Components

button Text-based buttons with hover transitions.
card None; relies on typography and photography.
chip None.
input None.
hero Full-screen image with large typographic overlay.

09

Voice & Don'ts

Tone Authoritative, professional, yet playful.
Headlines Large, bold, often uppercase.
CTAs Minimal, text-based.

don't use serif fonts for UI — screenshot shows geometric sans.
don't use a colorful palette — screenshot shows strict monochrome.
don't hide content behind complex navigation — screenshot shows clear, direct links.
don't use rounded corners on cards — screenshot shows sharp edges.
don't use subtle drop shadows — screenshot shows flat, graphic contrast.
don't use small, cramped typography — screenshot shows large, expressive type.
Avoid: Clutter
Avoid: Excessive decoration
Avoid: Serif fonts for UI

10

Inside the pack — real screenshots

General Type Studio — 桌面首屏（hero） — 桌面首屏（hero）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

General Type Studio — 移动首屏 — 移动首屏

Captured from the live site · real computed styles

11

System prompt

General Type Studio is a type foundry website characterized by large, expressive typography and full-bleed photographic backgrounds. The design uses a strict monochrome palette of white on black (#000000, #ffffff). Typography is primarily geometric sans-serif, used at massive scales for hero sections. Key characteristics include full-viewport layouts, minimal UI elements, and a focus on the type specimens themselves. Critical donts: avoid serif fonts for UI, avoid colorful palettes, and avoid subtle decorative elements. The overall feel is bold, experimental, and visually driven.

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