CURATED · OPEN · FREE

Klim Type Foundry

Premium type foundry showcasing grotesque and serif families in a stark, gallery-like interface.

typefoundryeditorial

↓ Download design system (40 MB)Open in OpenDesign

Visit: https://klim.co.nz

📦 Browse pack contents →

Identity DNA

Type FoundryTypographyPremiumRefinedModernist

A minimalist gallery for typography specimens

Color

#D33C03Accent

#FFFFFFInk

#8D8D8DInk soft

#1C1C1CBG

#D3D3D3BG soft

#F4F4F4BG quiet

#7F7F7FMuted

rgba(141, 141, 141, 1)Line

High-contrast monochrome with a single vibrant burnt-orange accent.

Typography

grotesque-sans · grotesque-mono

display96px · 700
body16px · 400

Display type uses the specific font specimen being showcased · UI text uses the Söhne font family · Strict adherence to clean, modern grotesque aesthetics

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous padding within card blocks (30px vertical) creating breathing room

Surfaces

sm · 2px

md · 2px

lg · 2px

pill · 999px

Thin 1px borders separating elements in a grid-like structure

Layout

1440container

12columns

16pxgutter

768 / 1024breakpoints

Full-width stacked rows with left-aligned display type and right-aligned metadata

Motion & Interaction

300msmicro

300mssmall

300msmedium

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

Opacity and visibility transitions for UI elements

Subtle opacity changes or color shifts on interactive elements · Immediate response with cursor pointer state

Components

button Minimal text links with no background or border
card Full-width rows with solid background colors, containing a large display type specimen and right-aligned list of variants
chip Small rectangular tags with solid background (e.g., orange 'Die Grotesk' tag)
input Search and filtering integrated subtly
hero Full-viewport immersive imagery or typography specimen with minimal overlay text

Voice & Don'ts

Tone Authoritative, refined, and minimal
Headlines Bold, tightly tracked display type showcasing the specific font family
CTAs Simple text links without buttons or visual emphasis

Don't use decorative borders — screenshot shows clean, minimal separation
Don't use complex button styles — screenshot shows simple text-based 'Buy' links
Don't use multiple background colors per section — screenshot shows solid, single-color rows
Don't use rounded corners on cards — screenshot shows sharp, rectangular geometry
Don't use drop shadows for depth — screenshot shows flat, surface-based hierarchy
Don't use gradient backgrounds — screenshot shows solid color fills
Avoid: Decorative elements
Avoid: Emojis
Avoid: Casual language
Avoid: Cluttered interfaces

Inside the pack — real screenshots

Klim Type Foundry — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

Klim Type Foundry is a premium type foundry site using a stark, gallery-like design system. Key colors include deep charcoal (#1C1C1C), light gray (#D3D3D3), and a vibrant burnt-orange accent (#D33C03). Typography centers on grotesque-sans and transitional-serif families, with Söhne used for UI text. Critical donts: avoid decorative elements or cluttered interfaces, avoid complex button styling (use simple text links), avoid multiple background colors within a single section, and avoid rounded corners on card-like elements. The layout is full-width and minimalist, prioritizing the type specimens themselves.

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