Skip to content

Brand assets

Logos, colors, typography and our full brand guide — everything you need to present Wellvector.

Brand guideDownload press kit

Logo

Our W mark and wordmark. Use the versions below as-is — never stretch, recolor or add effects.

  • Mark · on dark

    Primary mark for dark backgrounds.

    SVG

  • Mark · on light

    For light and off-white backgrounds.

    SVG

  • Mark · on teal

    Brand moments and avatars.

    SVG

  • Wordmark · on dark

    Mark and wordmark paired, for dark surfaces.

    SVG

  • Wordmark · on light

    Mark and wordmark paired, for light surfaces.

    SVG

  • Wordmark · teal badge

    Teal badge variant for featured placements.

    SVG

Colors

Teal is our signature. A warm neutral scale anchored in dark tones carries everything else.

Brand teal

Primary brand color — CTAs, links, accents and moments of emphasis.

  • 950#042F2E
  • 900#134E4A
  • 800#115E59
  • 700#0F766E
  • 600#0D9488
  • 500#14B8A6
  • 400#2DD4BF
  • 300#5EEAD4
  • 200#99F6E4
  • 100#CCFBF1
  • 50#F0FDFA

Neutrals

Warm off-whites set Wellvector apart from cold, generic grays.

  • 950#171718
  • 900#1F2021
  • 800#2A2B2C
  • 700#3D3E40
  • 600#56585A
  • 500#7B7C7E
  • 400#9B9D9F
  • 300#B8BABB
  • 200#D4D5D6
  • 100#E8E4DB
  • 50#F1EFE9

Typography

Three typefaces, three jobs: Playfair Display for headlines, Inter for reading, JetBrains Mono for data.

  • Playfair Display medium

    Playfair Display

    Headings & display — Serif · used for page titles, headlines and the wordmark.

    Google Fonts
  • Inter medium

    Inter

    Body & interface — Neo-grotesk sans · used for body copy, UI and buttons.

    Google Fonts
  • JetBrains Mono regular

    JetBrains Mono

    Captions & data — Monospaced · used for tags, labels, hex codes and well data.

    Google Fonts