Brand Style Guide

Buttons & UI

Every button style and size, rendered from the site's own CSS.

Buttons Guidance Examples
Buttons
Show on These are the site's real .btn classes. Hover them and tab to them to check every state. Click a class name to copy it.

Button guidance

  • One primary button per block. Use Alt or Outline for secondary actions next to it.
  • Write labels as actions in two or three words: "Plan your trip", not "Click here".
  • Text links are for low-emphasis "See all" style links under cards and listings.
  • Buttons get their colors from the block's subtheme. Choose the block background rather than styling a button directly.