BridgeBio

Item: BridgeBio
Rating: 7.2

Biopharma company developing medicines for genetic diseases.

bridgebio.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 5,077/ ↗

MOBILE · 390

Section outline · Home

01heroFull-width photo, white statement, sand CTA tile757
02pipelineLavender gradient left, drug rows with phase bars right921
03statsBlack grid: news copy, $8B, 3 FDA, 70+ with notes402
04featureHairline row, heading and button274
05featurePodcast cover art with listen button444
06storiesSand panel left, patient photo right720
07careersHairline row with careers button274
08newsletterPale blue band, email field, consent text
09footerLink columns, huge wordmark on peach-orange gradient

Rating · Home

Visual design7.4

UX & clarity7.7

Originality7.0

Craft & consistency7.2

Motion5.5

Performance & a11y8.0

This page scores 7.2; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Suisse Intlheading · sans · self-hosted Suisse Intlbody · sans · self-hosted Suisse Neueaccent · sans · self-hosted

Stack & style

Contentful Sanity

Corporate / clean Photography-led Swiss grid Pricing table Review badges Stats band Sticky header

Also: Google Analytics, Google Tag Manager, OneTrust, Meta Pixel, Amazon CloudFront

Design DNA

White page divided by thin grey hairlines into a visible grid, with a light grotesk at medium weight for headings and black pill buttons. The hero is a full-width photo of two young men with a short white statement and a sand 'Learn more' tile. A pipeline block on a lavender gradient lists drugs with phase progress bars, then a black stats grid ($8B, 3 FDA, 70+), podcast and patient-story rows, a careers band, and a footer on a peach to orange gradient carrying a huge wordmark.

Worth borrowing

Show a drug or product pipeline as rows of thin phase progress bars on a soft gradient.
Draw the page grid with visible hairlines so text-only rows still feel structured.
End on a footer with the brand name set edge to edge over a warm gradient.