Types of logos wordmark and symbol

Light-grey page comparing the wordmark and the line-art symbol side by side with "when to use" print and web sizing under each.

Styleminimal, swiss, light-mode

Colorlight, monochrome, high-contrast

Typesans-serif, display, all-caps

Moodprofessional, friendly

Elementslogo, illustration

Tagslogo-variants, wordmark, symbol, when-to-use, sizing-spec, hairline-rule, line-art-monogram, grey-reference-page

Palette

#F5F4F2

#000000

Find similar

Summary

A logo-variants page presenting the wordmark and the symbol mark side by side, each with print and web usage sizes.

Visual description

Light-grey (#F5F4F2) ground, vertical "02 LOGO, SYMBOL & TAGLINE" edge label. A bold "TYPES OF LOGOS" heading and one-line intro sit top-left. Below, two columns: the black stacked "TRAMWAYS COFFEE" wordmark on the left, the line-art "T" monogram symbol (a stylised hand holding a cup, built around a black T) on the right. Each sits above a short hairline rule, a label ("Wordmark" / "Symbol"), and a bold "When to use:" block with print and web sizes (e.g. "Print: 3.5 x 1 in / Web: 300 px").

Key takeaway

Presenting each logo variant in a matching column unit, mark over hairline rule over a "when to use" sizing note, so usage guidance reads as a clean two-up comparison. The hairline rule under each mark gives the spec a tidy baseline.

Reuse notes

Reusable logo-system page for showing primary and secondary marks with usage rules together. Scales to more columns if there are more variants. The hairline-rule-plus-label unit is a clean, repeatable component for any spec grid.