Skip to content

Surfaces

Shell and logo

The frame

S-01 S-02 S-03 S-04

The CRM AppShell is the reference. Logo top-left on a white chip. The active item is deep navy with a gold marker. The header order is fixed. Resize this page to see the 72px icon rail and the phone tab bar.

Work · Jobs

Hendricks residence

Sign-in screen

S-10

Every app uses this layout. Only the app name, the headline and the sentence change.

Logo

S-02
Pro Exteriors logo

The one mark. Rail: on a white chip, up to 208px. Header: 32px tall.

Never

A "PE" monogram tile, a roof icon, a redrawn wordmark, the logo on navy without its chip, or a recoloured logo.