Brand

The mark, color, type, motion, and components behind taylorprince.com, in one place.

Mark

A crown over a T. Trued to an 8-unit grid: every gap is 24 and both triangles are 45°.

01Positive
02Reversed

Clear space and size

Keep one crown band of space on every side. The mark holds down to 16px; below that, use the favicon.

64
32
24
16

Color

One ink on a warm off-white. Hierarchy comes from tone, not hue.

Type

Instrument Sans for everything, JetBrains Mono for numbers and steps. Labels and captions share one quiet tone.

Hero24 / 600 / −0.01em
I design and build software products.
Project title24 / 600

Experiential Marketing Platform

Outcome15 / 600

Used by Nike, Coca-Cola, and Johnson & Johnson, and agencies like Freeman and Wilson Dow

Body15 / 400 / secondary

I architected the full UX system and implemented the front-end for Snapbar's experiential marketing platform.

Stat30 / 600 / −0.045em
Stat
1,733
Label13 / 500 / muted

Launch a studio

Caption13 / 400 / muted
01Welcome

Motion

Three curves and five durations. Exits are faster than enters, and exits fade without moving.

Enter · ease-out

cubic-bezier(0.22, 1, 0.36, 1) · 520ms panels, 320ms elements

Move · ease-in-out

cubic-bezier(0.65, 0, 0.35, 1) · 440ms close, scroll sync

Exit · ease-in

cubic-bezier(0.4, 0, 1, 1) · 200ms fades

press 120 · state 200 · enter 320 · open 520 · close 440 · stagger 36 · travel 8px

Components

Links open here with a right arrow and leave with an up-and-away arrow. Pills sit on frosted glass; the dark pill closes.

snapbar.com

Hover either link: its arrow slides in.

Applications

Favicon on light and dark tabs (the SVG follows the browser theme), Apple touch icon, and the social share image.

Taylor Prince Taylor Prince
Social share image