What is Tome's primary brand color?

Tome historically used a minimal charcoal-and-cream palette with no saturated brand voltage, but the canonical URL no longer serves that surface. What is captured here is the Vercel deployment-not-found page that the URL currently returns, which uses only three colors: pure black (#000000) for the card outline and inline strong-text emphasis, a charcoal dark-gray (#333333) for body copy, and Vercel-blue (#0070f3) for the documentation inline link. There is no real Tome brand voltage in the captured surface. If the marketing site returns, this file should be regenerated to capture the live brand tokens.

What typeface does the captured page use?

The captured Vercel error page uses the system-ui stack — SF Pro Text on Apple devices, Helvetica Neue and Helvetica as immediate fallbacks. Body sits at 16px / 400 with a 26.4px line height; the inline strong-emphasis spans use the same family at weight 700. The deployment ID strip below the title uses Menlo at 14.72px / 400 — Vercel's standard monospace for code-ish identifiers. There is no display tier and no editorial typeface in the captured surface; the system relies entirely on what the operating system supplies.

Why is the layout just a single bordered card?

The captured Vercel error template is intentionally minimal — a single rectangular card centered horizontally on the page floor, with a 1px hairline border, 4px corner radius, 20px internal padding, and no drop shadow. Below the card sits a second, slightly larger pill-callout linking to Vercel's documentation, rendered in soft Vercel-blue. The single-card layout is Vercel's default error chrome and predates Tome's deployment of the URL; it is not a Tome design choice but a fallback surface served by the hosting provider.

Why is there a Vercel-blue link on the page?

The bordered callout beneath the main error card carries 'This deployment cannot be found. For more information and troubleshooting, see our documentation.' rendered in Vercel's standard link color (#0070f3) — a saturated mid-blue that Vercel uses across its dashboard, docs, and error templates. The blue is not Tome's brand color; it is Vercel's. If you are using this DESIGN.md as a token set, treat the blue as a placeholder and substitute your own link color.

Should I use this DESIGN.md to build a Tome-style product?

No — this file captures a Vercel deployment-not-found error page, not the Tome marketing site. The rendered tokens belong to Vercel's default error chrome and do not reflect Tome's historical AI-presentation design language. If you want to build a narrative-presentation product in Tome's historical aesthetic, look instead at archived screenshots of `tome.app` from 2023-2024 (available through web-archive snapshots) or pick a design.md from the directory that captures a live editorial-tool brand like Pitch or Figma. This file is preserved for directory completeness only.

Tome Design System

Tome's marketing site is no longer live and serves a Vercel deployment-not-found page; this DESIGN.md captures that error surface as a worked example of a system in absentia.

About Tome DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source tome.app

AI & LLM Platforms

Tome was an AI narrative-presentation tool that built a sizeable design-tool audience around a minimal cream-and-charcoal aesthetic and an editorial pacing language. At extraction time the canonical URL `tome.app` no longer resolves to that marketing site — it serves Vercel's default deployment-not-found page instead. This DESIGN.md captures what is actually rendering, not the brand's historical chrome.

The result is a worked example of capturing a system in absentia. The visible surface is a single centered card with a hairline border, a 16px / 400 SF Pro Text body, a 14.72px Menlo monospace strip for the deployment ID, and a single Vercel-blue inline link in a softly-rounded callout below. There is no hero, no navigation, no brand voltage, no display tier — only the default Vercel error chrome, which is itself a quietly disciplined piece of system design. Where a live Tome page would carry its narrative-editorial aesthetic with cream surfaces, an editorial serif companion, and slide-thumbnail rhythms, the rendered page captured here is closer to a generic dev-platform error template.

Feed this file to Claude or Cursor and the agent will reproduce only the Vercel-error chrome — a hairline-bordered card on a white canvas with charcoal text and a blue inline-link callout. The file is preserved as a directory artifact for two reasons: to document that the canonical URL no longer serves the brand surface, and to demonstrate the validator's behavior when extraction returns a minimal system. Treat it as a placeholder rather than a token set worth borrowing. If Tome returns under a different URL or owner, this file should be regenerated against the new live surface.

What makes it distinct

Site in absentiatome.app returns a Vercel deployment-not-found page at extraction time; the rendered tokens belong to Vercel's error chrome
SF Pro Text everywherethe system stack runs Apple's system-ui sans across every surface, with Menlo for the deployment-ID monospace strip
Single hairline-bordered cardthe entire visible UI is one centered card on a white canvas, no shadow, 4px rounding
Vercel-blue inline linkthe documentation link uses Vercel's default link color #0070f3 as the only chromatic element
Charcoal ink, never blackthe text rendering uses #333333 for body and pure black only on the bordered card outline

Live at tome.app

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

tome.app

Explore Tome

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Tome design system FAQ

Common questions about Tome's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

Tome — canonical URL (currently 404)

Tome's canonical URL. At extraction time this serves a Vercel deployment-not-found page; the historical marketing surface is not available.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.