Mccarthy Building Companies

www.mccarthy.com/

A 100+ year, employee-owned national commercial builder that projects quiet authority at scale - full-bleed video and aerial photography of real megaprojects, oversized condensed type ("SUPERIOR RESULTS", "WE CAN BUILD IT"), a single bold red accent, and clip-path scroll reveals that feel cinematic but never showy.

Other flagship

Design tokens

black

charcoal

charcoalAlt

grey

greyMid

greyLight

panel

white

red

display: Roboto Condensed
body: Roboto
mono

Do / Don't

Reference it for

Enterprise-prestige architecture for a sophisticated B2B buyer: declarative oversized type over full-bleed real-project video/aerials; sector navigation; community/ownership credibility; a recruitment close.
Oversized condensed display type (Roboto Condensed up to 88px, uppercase) as the confidence signal - scale and restraint, not adjectives.
Single-accent discipline: a severe near-black/charcoal/white system with ONE bold red used only for CTAs and accents.
Cinematic clip-path + transform/opacity scroll reveals on a premium cubic-bezier - composed motion that resolves rather than performs.
Full-bleed background video (Vimeo) of real megaprojects as the hero/atmosphere.
A "carried-timeline" / sector-by-sector argument: the breadth of complex sectors handled IS the proof of capability.

Do not copy

The exact red #dc1e35 + charcoal #2e2a25 palette and the McCarthy wordmark (re-skin to the client's palette).
The real megaproject footage, sector projects, the 100-year/employee-owned claims - these are McCarthy's genuine assets. A rebuild uses the client's own.
The Drupal/Swiper/Vimeo DOM and ad pixels (Facebook, LinkedIn). Rebuild lean on Astro.

Signature moves

oversized-condensed-over-megaproject-video hero

a full-bleed background video of real crews/sites carries a flat declarative line in oversized uppercase Roboto Condensed ('SUPERIOR RESULTS. GREAT EXPERIENCES FOR EVERYONE.', up to 88px), so scale and restraint signal competence instead of adjectives - the right opening for a nine-figure-project buyer.

cinematic clip-path reveal

headings and images wipe and rise into place on scroll over 0.5s cubic-bezier(0.215,0.61,0.355,1), feeling like a film cut - composed motion that resolves rather than performs, communicating control.

offset-panel sector-breadth argument

a card grid of complex sectors (aviation, healthcare, government, education, renewable energy) plus offset light-grey-panel feature bands (a #ebebea block behind a project photo with a heading and red CTA) make the breadth of hard sectors handled the proof of capability.

Related references

Alche

strong

Creative Studio

The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.

Analogue

strong

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.

Bulletproof

strong

Creative Studio

a brand-agency site that treats its own logotype as the hero, oversized "BULLET / PROOF" split type and a giant line-drawn B monogram, alternating black and bone-white acts with a Sequel-Sans-plus-Mixta-serif pairing, expo-eased motion and a single orange spark.

Cyphr

strong

Creative Studio

The reference for venture-studio portfolios that flex through monumental condensed type, a single blue I-beam cursor accent, and a venetian-blind slat hero that fragments a single image into a column-rhythmic curtain.