Announcing the largest construction labor agreement in history Details here.

Assets

Visual reference for reusable components. Not indexed by search engines.

Blog Cards

Card styles used on the blog archive page. Two variants: Large (featured) and Small (compact).

Large Card .blog-card-large

Used for featured posts in the left column. Full width, larger image (56% aspect ratio), includes excerpt.

Small Card .blog-card-small

Used for secondary posts. Compact size, smaller image (66% aspect ratio), no excerpt - title and date only.

With Image

background: bg-white

image: pb-[66%] (3:2)

No Image (Tan)

background: bg-tan

#E7DCB6

No Image (Sky)

background: bg-sky

#CCE2D6

With Image

background: bg-white

image: pb-[66%] (3:2)

Card Reference

Card Type Class Image Aspect Content Background
Large Card .blog-card-large pb-[56%] (16:9) Title + Excerpt + Date bg-white (with image)
bg-tan / bg-sky (no image)
Small Card .blog-card-small pb-[66%] (3:2) Title + Date only bg-white (with image)
bg-tan / bg-sky (no image)

In the Media Cards

Card styles for press coverage and media mentions. Three sizes: Full, Medium, and Small.

Media Card Reference

Card Size Class Width Best For
Full .media-card--full 100% Long quotes, h2 typography
Medium .media-card--medium max-w-4xl (~75%) Medium-length quotes, h3 typography
Small .media-card--small max-w-sm (~33%) Short quotes, h4 typography