Foundations

Logo

Use the ink mark on light backgrounds and the cream mark on dark backgrounds. Do not recolor the artwork.

npx shadcn@latest add https://gpc.example.com/r/gpc-logo.json

Client × GPC lockup

Pair the client mark with GPC. Replace the clientLogo prop for each engagement.

npx shadcn@latest add https://gpc.example.com/r/client-gpc-lockup.json

Color

Brand colours plus the darker interactive red used when cream text must clear AA.

Neutral 500

#232424

--gpc-neutral-500

Neutral 400

#4d4a47

--gpc-neutral-400

Neutral 300

#d9d1c8

--gpc-neutral-300

Neutral 200

#efe7dd

--gpc-neutral-200

Neutral 100

#faf5ee

--gpc-neutral-100

Primary red

#f94e2a

--gpc-primary-red

Secondary orange

#f66f00

--gpc-secondary-orange

Secondary purple

#9b338f

--gpc-secondary-purple

Secondary yellow

#ffc013

--gpc-secondary-yellow

Secondary light yellow

#feec97

--gpc-secondary-light-yellow

Interactive red

#c93c1c

--primary

Type

Use the role-prefixed classes when a composition needs an exact size. Headings otherwise inherit FS Kim automatically.

Heading

FS Kim

heading-display

128px / 1

You built the team.

heading-4xl

80px / 1.1

You built the team.

heading-3xl

64px / 1.1

You built the team.

heading-2xl

56px / 1.1

You built the team.

heading-xl

48px / 1.1

You built the team.

heading-lg

40px / 1.1

You built the team.

heading-md

32px / 1.1

You built the team.

heading-sm

24px / 1.1

You built the team.

heading-xs

18px / 1.1

You built the team.

Paragraph

GT America

paragraph-lg

24px / 1.75

We teach your team to use AI in plain English.

paragraph-base

16px / 1.75

We teach your team to use AI in plain English.

paragraph-sm

14px / 1.75

We teach your team to use AI in plain English.

paragraph-xs

12px / 1.75

We teach your team to use AI in plain English.

Label

GT America Mono

label-base

16px / 0.9

What we do

label-sm

14px / 0.9

What we do

label-xs

12px / 0.9

What we do

Button

GT America

button-base

16px / 1

Book a call