CURATED · OPEN · FREE

Lineto

A clean, monochrome type specimen interface showcasing the Electa typeface family.

typefoundry

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://lineto.com

📦 Browse pack contents →

Identity DNA

typographyfoundrytype designspecimenminimal

A digital type specimen book for a modern type foundry

Color

#000000Ink

#FFFFFFBG

#FFFDF7BG quiet

#E0E0E0Muted

rgba(0,0,0,0.12)Line

strict monochrome achromatic palette

Typography

transitional-serif · humanist-sans · monospace

display20px · 400
body19px · 400

Base type size is 19px with 0.38px letter spacing · Body text lineHeight is 23px · Navigation and accent text lineHeight is 38px

Spacing

2px

4px

8px

16px

24px

32px

48px

64px

96px

tight grid with 2px and 7.6px base units

Surfaces

sm · 2px

md · 19px

lg · 19px

pill · 999px

no visible borders, strict monochrome edges

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

fixed header with logo and search, minimal scrolling body, fixed bottom action bar

Motion & Interaction

200msmicro

200mssmall

1500msmedium

lineareasing

opacity transitions for fades over 1.5s · width and visibility transitions for 0.2s

pointer cursor on buttons and links · smooth transition triggers

Components

button solid black pill-shaped buttons with white text and arrow/eye icons
card none, layout relies on raw typographic specimen text
chip none
input search icon in black circle, text input in bottom bar
hero massive typographic specimen cascade as the primary visual element

Voice & Don'ts

Tone minimal, clinical, professional
Headlines direct, no punctuation, lowercase brand name
CTAs imperative with icons (Read More, See All)

don't use multiple font families — screenshot shows a single sans-serif and a single serif used exclusively
don't add gradients or drop shadows — screenshot shows completely flat, matte black and white surfaces
don't center the main text block — screenshot shows the specimen cascade strictly left-aligned
don't use decorative imagery or photos — screenshot shows pure typography as the only visual element
don't use large font sizes for the specimen — screenshot shows uniform 19px text for all body elements
don't use rounded corners on the main buttons — screenshot shows fully pill-shaped buttons
Avoid: excessive whitespace padding
Avoid: colorful accents
Avoid: decorative elements

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a type foundry specimen website for the Electa typeface by Lineto. The design is a minimalist, monochrome interface using only black and white. The primary font category is a humanist-sans for navigation and UI elements, with a transitional-serif used for the main type specimen display. Key colors are strictly #000000 and #FFFFFF, with a subtle off-white #FFFDF7 used in some specimen areas. The layout is left-aligned, fixed at the top and bottom with navigation and action bars. Critical constraints: never use colorful accents, never add decorative imagery, never use drop shadows, and strictly maintain the monochrome achromatic palette. Typography is the sole focus of the interface.

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