Tomato Lab Graphic Standards

Ask hello@tomatolab.org for access.
Tomato Lab Graphic Standards

Roma / Foundations

Type

Edit this page

Neue Haas Grotesk carries the interface: Display Black for headings and actions, Text for everything small. Libre Baskerville is for reading.

Families

Interface

Neue Haas Grotesk

Display Pro 95 Black for headings and buttons. Text Pro 55 Roman and 75 Bold for body, labels and captions.

Reading

Libre Baskerville

Articles, essays and long descriptions. Keep columns to 60–80 characters at 140% line height.

Scale

Use the shorthand with font: var(--text-body-m);. Sizes are in rem, so they respect the reader’s browser setting.

--text-heading-xl44px / 105% · 900 · display

Cultivating a creative ecology

--text-heading-l32px / 110% · 900 · display

Cultivating a creative ecology

--text-heading-m24px / 115% · 900 · display

Cultivating a creative ecology

--text-heading-s20px / 120% · 900 · display

Cultivating a creative ecology

--text-action-lg22px / 100% · 900 · display

Cultivating a creative ecology

--text-action-md19px / 100% · 900 · display

Cultivating a creative ecology

--text-label-m14px / 100% · 700 · text

Cultivating a creative ecology

--text-label-s12px / 100% · 700 · text

Cultivating a creative ecology

--text-body-l18px / 140% · 400 · text

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

--text-body-m16px / 140% · 400 · text

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

--text-body-s14px / 140% · 400 · text

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

--text-caption12px / 140% · 400 · text

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

--text-reading-m18px / 140% · 400 · reading

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

--text-reading-l22px / 140% · 400 · reading

Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

Pairing

Field notes

Preparing vegetables for market

Preparing and bunching the vegetables for market is of the first importance. Tomatoes should not be washed, but rubbed off, if necessary, when they are dry.

Filed by Tomato Laboratories

Do

Use Display Black for headings and short labels, and Baskerville for anything people read for more than a sentence or two.

Don't

Set paragraphs in Display Black, or use the poster sizes from the brand guide (H1 at 160) inside an interface.