---
name: Lineto
description: "An excellent example of extreme minimalism in design, where typography alone serves as the entire visual identity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#E0E0E0"
  bg-quiet: "#FFFDF7"
  line: "rgba(0,0,0,0.12)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 20px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.38px"
  body:
    fontFamily: humanist-sans
    fontSize: 19px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.38px"

rounded:
  sm: 2px
  md: 19px
  lg: 19px
  pill: 999px

spacing:
  xs: 2px
  sm: 4px
  md: 8px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 48px

---

## Overview

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

*A digital type specimen book for a modern type foundry*

## Colors

strict monochrome achromatic palette

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#E0E0E0`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.12)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans
- **Mono:** monospace

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

## Layout

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

*Rhythm:* tight grid with 2px and 7.6px base units

## Elevation & Depth

- Borders: no visible borders, strict monochrome edges

## Shapes

- `sm`: 2px
- `md`: 19px
- `lg`: 19px
- `pill`: 999px

## 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

## Do's and Don'ts

**Don't:**
- 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

---

## System Prompt (paste into AI agent)

```
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.
```