SiftBrand · v1

Everything in. The one thing out.

The mark is a sieve drawn in pixels: a full row on top, an ordered dither through the middle, and the single pixel that falls out at the bottom. It's what Sift does to your files, and it's literally dithering, the technique the whole brand is built on.

Color

Sift Blue
#1E3AFF

Ink. Text, borders, fills, the mark. 6.7:1 on white.

Paper
#FFFFFF

The ground. Every page starts here.

Deep
#0D1FB8

Pressed states only.

Blue 300
#A8B5FF

Second data series.

Blue 100
#E8ECFF

Hairlines and chart grids.

Tints are made of pixels

0 % ordered dither
12 % ordered dither
25 % ordered dither
50 % ordered dither

Type

Sift 0123
Geist Pixel SquareDisplay: headlines, the wordmark
Sift 0123
Geist Pixel GridBig numerals
Sift 0123
Geist Pixel CircleSparingly: stickers, merch
Sift 0123
Geist Pixel LineSparingly: decoration
Geist Mono · body and UI

Press Super + S and describe what you're looking for. Sift finds the photo, screenshot, PDF page or document that matches, whatever it's called.

Exact words count too: invoice numbers, error codes and names are matched as written, including text read from screenshots.

Aa
Aa
Aa

Icons

meaning
words
page
picture
people
lock
tiles
idle
keys
shield

Drawn on a 9×9 grid, one weight, no anti-aliasing.

Rules

  1. 01
    Two colors.

    Blue on white, or white on blue. Nothing else carries meaning.

  2. 02
    Tints are dithered.

    Need a lighter blue? Use an ordered dither pattern, never opacity ramps.

  3. 03
    No gradients.

    Not in fills, not in shadows, not in charts.

  4. 04
    No serifs.

    Geist Pixel for display, Geist Mono for everything you read.

  5. 05
    Square corners.

    Radius is zero. Borders are 2px. Shadows are hard 6px offsets.

  6. 06
    Say what it does.

    Short, plain, specific. Real queries over adjectives.

Social