Skip to content

SecureGrid // Brand

The mark.

[■] — two brackets holding a value, like [PERSON_1] in SecureGrid. The brackets in ink, the held value in Electric. All files for press, partners and presentations are here.

SVG, PNG, ICO and ICNS // 176 KB

App icon // macOS and Windows
01Mark

The mark on its own.

For surfaces that already carry the name or have no room for it. At 24 px and below, use the pixel-hinted variant from the ZIP.

Single colour white

Single colour black

02App icon

The tile.

Dark tile with continuous corners. Up to 32 px it uses its own pixel-hinted drawing.

03Wordmark

Mark and name.

Secure[Grid] with brackets is the main form; SecureGrid without brackets for very small sizes or running text.

SecureGrid

Secure[Grid] // on dark

SecureGrid

Secure[Grid] // on light

SecureGrid

SecureGrid // on dark

SecureGrid

SecureGrid // on light

04Small

Menu bar, favicon, preview.

The menu bar icons are template images: black with transparency, macOS tints them itself.

05Colours

Four colours, one accent.

Electric appears once per surface — in the mark, that is the held value.

Electric

#6219F3

on dark // #8654FB

Ink

#09090B

on dark // #FAFAFA

Paper

#FFFFFF

on dark // #FAFAFA

Muted

#71717B

on dark // #9F9FA9

06Rules

How to use the mark.

  1. 01

    Electric only in the block. If a surface already has Electric, use the mark in one colour.

  2. 02

    Don't alter it: no rotation, no gradients, no shadows, never distort the proportions.

  3. 03

    Clear space all round of at least one bracket width — a quarter of the mark's height.

  4. 04

    Minimum size 16 px. Up to 24 px, use the pixel-hinted variant.

  5. 05

    Wordmark in Geist SemiBold, tracking −3 %; the brackets in Regular and a muted colour.

Register // Confirm email // Download

Download SecureGrid

A short account unlocks the download. The app itself needs none and sends nothing.

Already registered? Sign in