contact@frames.llc
@framesbymatt
Brand guidelinesExplorations →

Identity

Nameframesbymatt
MarkThe Lens
WordmarkBarlow Condensed Black Italic
AccentREC Red

One idea, one shape: an F cut out of a lens, the arms running out through the glass. A wordmark cut from real letterforms. A plate and a roundel for product, an icon for apps and avatars.

01 — Mark

The Lens · primary
Primary · on DarkroomBone + REC dot
Reverse · on BoneDarkroom + REC dot
LENS Ø84 · STROKE 14U · ARM EXITS AT 3 O'CLOCK
The lens

A solid circle: the glass. The F is cut out of it, not drawn on it, so the letter is light coming through the lens.

The break

The top arm runs out through the right edge. That notch is the signature; it keeps the mark from being just a letter in a circle.

The REC dot

Lower right, inside the glass. The tally light. The only color in the mark.

Clear space + minimum

One stroke width (14 units) on every side. Reads down to 16 px, so one mark serves favicon to billboard.

02 — Wordmark

Barlow Condensed Black Italic · outlined
Wordmark
One word. Cut from the real letter outlines, so it renders identically anywhere. Tracking −2%.
On Bone
Reverse
With the dot
Footer, end cards, merch
Horizontal lockup
Mark height = wordmark cap height × 1.4 · gap = one stroke
Stacked lockup
Square formats
Rules

FRAMESBYMATT as a header: the wordmark, or Barlow Condensed Black Italic, uppercase.

framesbymatt in a sentence: lowercase, one word. Never "Frames by Matt", never "FBM" in copy.

03 — Variants

Same mark, different jobs
Home platePatches, stickers, back-of-cap
RoundelPins, seals, watermark
Mono on REC RedOne color: the dot takes the mark color
Plate reverseEmbroidery on light fabric
Mono whiteScreen print, one ink
OutlineWatermarks, laser etch

04 — Icon

Apps, avatars, favicon
App icon · 1024
Icon · red
Avatar · circle crop
64 · 32 · 16
Glyph · heavier dot for 16 px

05 — Merch

How it sits on product
Cap · front panel · mark only
Tee · left chest · plate
Tee · back · wordmark

06 — Color

Dark by default · one accent
Background

Darkroom

HEX
#0A0A0B
RGB
10 10 11
Text

Bone

HEX
#EEECE7
RGB
238 236 231
Accent

REC Red

HEX
#FF3B1F
RGB
255 59 31
Surface

Graphite

HEX
#161618
RGB
22 22 24
Secondary

Ash

HEX
#8B8B90
RGB
139 139 144
62% Darkroom
20% Bone
10%
5%
3%

Red is a signal, not a fill: the dot, live indicators, one action per screen.

07 — Type

Barlow Condensed + Geist · free
DisplayBarlow Condensed
Black 900 Italic · uppercase
tracking −1%
Gameday
StatementBarlow Condensed Light 300 + Black 900 Italic
Uppercase · bold for emphasis
Photo. Film. Design.
BodyGeist Regular 400
16–22 px · line-height 1.45

Body copy stays plain and short. The images do the talking.

LabelsGeist Mono 400
11 px · uppercase · +8%

REC ● 00:01:24:12  ·  ISO 3200  ·  1/1000  ·  F2.8

08 — Usage

Do / don't
✓Bone on Darkroom
✓Darkroom on Bone
✕Don't make the lens red
✕Don't stretch it
✕Don't rotate it
✕Don't keep a red dot on red
✕Don't place it on busy color
✓On dark areas of photos

Files

SVG · scale to any size