Fire Marshal MikeBack to chat

Shades mark — pick the chevron cut

Direction is locked: chevron mustache with boxy angular lenses, straight edges and mitered corners throughout. Ember Red is locked as the accent. The soft variants are retired; below are the candidate cuts of the locked direction — three lens shapes, four chevron mustaches, every combination. Everything is currentColor SVG, so switch themes to check light, dark, and high-contrast.

Lens shape

Hex

Current default. Faceted hexagon — flat top, angled outer and lower edges.

Chamfer

Wayfarer silhouette with every corner cut flat. Boxy but not a plain rectangle.

Box

Pure rectangle, four right angles. The most literal box read.

Mustache

Ribbon

Current default. Two mitered ribbon wings meeting at center — a double-chevron.

Solid

One-piece inverted-V slab, like a rank chevron. The boldest single shape.

Squared

Chevron angle with square-cut tips — the chevron/box blend in one shape.

Blade

Steeper wings tapering to sharp points that droop past the mouth corners.

All combinations

Hex + Ribbon
Hex + Solid
Hex + Squared
Hex + Blade
Chamfer + Ribbon
Chamfer + Solid
Chamfer + Squared
Chamfer + Blade
Box + Ribbon
Box + Solid
Box + Squared
Box + Blade

Hex + Ribbon is what ships today (header, favicon, app icon). Name a combination and it becomes the mark everywhere.

Accent palette

#c22d11
#ec4b26
#ff6a40

Ember Red — Locked

Locked — live in the app as the accent tokens in globals.css.

Ember Red is decided and live in globals.css. Tiles show it on the light, dark, and high-contrast page backgrounds.