Brand Guidelines

Logos, colors, and type — everything you need to represent FirstLook accurately.

Download the marks below in the format you need.

Logos

FirstLook full logo
SVG

Full Logo

Our primary lockup — logomark and wordmark together. Use it whenever there's room for both.

FirstLook logomark
SVG

Logomark

Our standalone mark. Switch finishes for full-color, dark, and light backgrounds.

Logo Usage

Overview

Do This
  • Keep clear space around the mark equal to at least its own height.
  • Use the full-color logomark on dark backgrounds, the black or white variants for single-color contexts.
  • Scale the logomark and wordmark proportionally — never stretch or squash.
Don't Do This
  • Don't recolor the marks, add gradients, shadows, or outlines.
  • Don't rotate, skew, or rearrange the eyes within the logomark.
  • Don't place the full-color mark on busy imagery or low-contrast backgrounds.

Clear Space

Give the mark room to breathe — keep clear space on every side at least equal to the mark's own height. The ghosted guides below show the minimum.

FirstLook full logo clear space

Full logo

Keep clear space on every side equal to the height of the full logo.

FirstLook logomark clear space

Logomark

Keep clear space on every side equal to the height of the logomark.

Backgrounds

Pick the finish that keeps the mark legible — full color on dark backgrounds, and the single-color variants when color won't read.

FirstLook full-color logo on a dark background

Full color

The default logo. Use it on dark backgrounds.

FirstLook black logo on a light background

All black

For light backgrounds and single-color contexts.

FirstLook white logo on a brand-color background

All white

For dark or saturated backgrounds where color won't read.

Mark Integrity

The logomark is fixed geometry — never rotate, skew, or rearrange the eyes. Use it exactly as supplied.

FirstLook logomark rotated off its baseline
Rotated

Never tilt the mark off its baseline.

FirstLook logomark skewed
Skewed

Never shear or slant the geometry.

FirstLook logomark with the eyes rearranged
Rearranged

Keep eyes in original positions.

Colors

Click any swatch to copy its hex value.

Core Palette

Surfaces & Neutrals

Typography

Figtree is our single typeface across the product and marketing site. Lead headlines in black, support copy in medium.

Figtree Semibold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Primarily meant for headings

Figtree Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Primarily meant for body copy