Catalog

Every mail and building block of the mail engine, rendered to the HTML a mail client receives and shown in a 600 px frame. Each tile opens its light and dark states; the data is made up.

mail catalog/stories · @hackersandwizards/brand v1.68.0 · 6 components · 18 states

Mails 2

Parts 4

Foundations

RoleLightDark
page#ffffff#0b1118
ink#19283a#ebeced
muted#545861#cecfd1
rule#d0d2d8#9da0a3
accent#1a7285#47aec6
label#155b6a#47aec6
purple#9333ea#b97af1
ampersand#7c849c#b0b5c4
tint#eef1f4#111a24
monoMenlo, Consolas, "Courier New", monospace
sansArial, Helvetica, sans-serif

from brand v1.68.0 · hw-card · catalog

A tile per mail and part on this page.

Brief

from brand v1.68.0 · hw-pill · catalog

The count of states on a tile.

4 states

from brand v1.68.0 · hw-table · catalog

The colour roles and font stacks above.

accentteal

from brand v1.68.0 · hw-link · catalog

The brand catalog link on each tile.

See the brand catalog first.

from brand v1.68.0 · hw-label · catalog

The colour of an item's label in a mail.

Artikel