Skip to content

Be part of the build

Support the platform ahead of launch, or join our pre-seed round.

Support the buildPre-seed for investors
The Booking Agency

Brand Kit

Logo files, colors, typography, and component examples for The Booking Agency. For the underlying design tokens, see the styleguide, this page is the practical, shareable version for the team and any partner.

Logo

The Booking Agency heart mark
The Booking Agency heart mark

Current mark: the solid heart glyph, no dot, in #FF4D82, shown above on a light and a dark tile. It is SSR-rendered sitewide (view-source and hydrated output are identical), never a client-only image swap.

Not yet in the repo: a full logo package (primary lockup, wordmark, mono-dark, mono-light, mark-only variants) has not been supplied. The header and footer currently render an interim heart-plus-B monogram (see pages/_ssr/SSRShell.tsx, TBA-2480) rather than a founder-provided asset. Flagging this per this ticket's own instruction rather than recreating the logo from scratch, the founder will supply the master files.

Do not: recolor the mark, stretch it to a non-square aspect ratio, or add a drop shadow. Keep clear space around the mark equal to roughly a quarter of its height on every side. Do not shrink the mark below 16px, it stops reading clearly at small sizes.

Download mark (SVG)Download mark (PNG)

Color

#E8722C
CTA Orange
Every primary/CTA button sitewide.
#CE5F1E
CTA Orange (hover)
Hover state for CTA Orange buttons only.
#5B7DB1
Dusty Blue
Links, focus rings, active chips/tabs, hire-side buttons.
#4A6A9C
Dusty Blue (hover)
Hover state for Dusty Blue elements only.
#FF4D82
Hot Coral Pink
The heart mark and favorite hearts only.
Never used as a button fill.
#A9812B
Gold
Elite tier badge only.
Do not use for any other badge or accent.
#12885B
Green
"Available to book" status only.
Not a general success/confirmation color, that is a separate token, see /styleguide.

Typography

Headings use Inter, body text uses Roboto, sitewide, no per-page exceptions. Pair them as shown below, an Inter heading followed by Roboto body copy, on every page.

Heading 1, Inter Bold
Heading 2, Inter Bold
Heading 3, Inter Semibold
Heading 4, Inter Semibold

Body text, Roboto Regular. The platform that knows the city, the people, the venues, and the travel context. This paragraph shows the default body font at reading size, used for descriptions, copy blocks, and general content sitewide.

Components

EliteFounderTeamAvailable to book
Talent name
Category, City
Elite

Voice

  • We are a discovery platform, subscription model, for booking creative and technical talent, with a travel layer.
  • We say get discovered, get booked, book direct. Contact is direct between client and talent.
  • See internal copy policy for the full banned-phrase list (not reproduced here).
  • Hyphens only, never em or en dashes, in copy, comments, or commits.

Downloads

Logo mark, SVGLogo mark, PNG

A full logo package (wordmark, mono-dark, mono-light) and a single zip download are not available yet, they ship here once the founder-provided master files land.