BRAND RESOURCES

TTG Brand Kit.

Everything you need to represent The Trading Gallery correctly. Use these assets and guidelines for partnerships, press, and collaborations. Brand assets may be updated over time — this page is always the source of truth for the latest versions.

Download Brand Kit

OUR LOGOS

Logo Variations

Use the appropriate logo variation depending on the context. Always maintain clear space around the logo. All text must be uppercase and bold.

Heart Icon

Secondary mark for accents and favicon. Always use yellow and blue as provided unless the background colour impacts visibility — see Location Assets below.

Primary Logo

Main logo for most use cases, including the website logo. Use when the full wordmark cannot fit or “Collectibles Store” gets too small. Always include the period: TTG.

Full Wordmark — Horizontal

Wordmark for headers, banners, and signage. “COLLECTIBLES STORE” must appear below “THE TRADING GALLERY”.

Full Wordmark — Vertical

Wordmark for posters, cards, and displays. Same formatting as horizontal.

LOCATION BRANDING

Location Assets

Each location has a colour-coded heart logo and event banner. Location-coloured hearts are for UI visibility only — they may only be used when the background is the store colour. On white or neutral backgrounds, always use the original heart unless approved by TTG.

Extenda 40 Hecto is the accompanying font used for event materials, with a gradient effect based on the store colour. The location name sits beside the TTG logo at approximately half the font size of the arrow in the capital G — or smaller for longer names like Richmond.

Richmond

Blue#02208b / rgb(2, 32, 139)

Heart Logo

Yellow front, white back

Event Banner

Blue gradient

Clark

Yellow#FFDF00 / rgb(255, 223, 0)

Heart Logo

Blue front, white back

Event Banner

Yellow gradient

Nest

Black#0E0D0D / rgb(14, 13, 13)

Heart Logo

Original TTG colours (yellow front, blue back)

Event Banner

Black gradient

Example Usage

Sample usage of a location-specific event banner

USAGE GUIDELINES

Do’s and Don’ts

Do

✓Use on white or light backgrounds for best contrast

✓Maintain adequate clear space around the logo

✓Use official color variants provided in this kit

✓Scale proportionally — always lock the aspect ratio

✓Use the SVG wordmark for digital and print at any size

Don't

✕Stretch, skew, or distort the logo in any way

✕Change the logo colors outside of provided variants

✕Place the logo on busy or low-contrast backgrounds

✕Add drop shadows, outlines, or other effects

✕Recreate or modify the logo typography

COLOR PALETTE

Brand Colors

These are the official TTG brand colors. Use them consistently across all brand materials.

Primary Blue

#02208b
rgb(2, 32, 139)

Primary Yellow

#FFDF00
rgb(255, 223, 0)

Black

#0E0D0D
rgb(14, 13, 13)

Body Text

#565656
rgb(86, 86, 86)

White

#fefefe
rgb(254, 254, 254)

Success Green

#28a745
rgb(40, 167, 69)

Error Red

#D0342C
rgb(208, 52, 44)

TYPOGRAPHY

DM Sans

DM Sans is our primary typeface across all platforms. It’s available on Google Fonts. View on Google Fonts →

Light — 300