TrustBnBDocs

Brand

TrustBnB looks the same everywhere it appears: on Airbnb's pages, in the popup, in the stores and on this site.

The honest star

The mark is a star filled only as far as the listing deserves. On badges and in the panel it's filled to the score and colored by tier:

5.0 Great   4.6 Great   4.0 Fine   3.3 Meh   2.0 Poor

The app icon is the honest star in lime on ink: TrustBnB icon. Source: extension/icons/icon.svg. The star's outline and fill geometry are in core/brand.ts.

Wordmark

Trust in white or ink, BnB in lime, set in Bricolage Grotesque ExtraBold with tight letter spacing. On light backgrounds, put the wordmark on an ink tile, as the icon does, rather than setting lime on white.

Colors

Ink #15122B

Every TrustBnB surface on Airbnb (badges, panel) and the popup header.

Ink 2 #241F45

Raised surfaces on ink.

Lavender #B8B2E0

Secondary text on ink.

Lime #D2FA5A

The signature accent, and the Great tier.

Iris #7C5CFF

Buttons, links and selected controls.

Fine #6FC3FF

The Fine tier.

Meh #FFA03A

The Meh tier.

Poor #FF4F7B

The Poor tier.

Ink is the surface for anything TrustBnB adds to Airbnb's pages: a dark element on Airbnb's white pages is easy to spot. The tier colors were checked for color-blind separation on ink (the closest pair stays clearly apart under deuteranopia) and always appear with their label, never on their own.

Type

  • Bricolage Grotesque (SIL Open Font License) for the wordmark, headings and big numbers. It's bundled with the extension, so nothing loads from a font service.
  • The system UI font for everything else.

Store artwork

store/promo.html draws the promo tiles. Open it in a browser with ?size=tile (440×280) or ?size=marquee (1400×560) and take a screenshot at that size.