Collins

Collins (wearecollins.com) is a website in the Portfolio category. Its homepage is captured as 3 sections, top to bottom: hero, features and showcase. We also captured its customers page. The hero leads with “Rewrite your worth.”.

The capture records a palette of #f8f8f7, #140700, #ffffff and #d0d0c8. The largest share of captured homepage sections uses #140700 as its CSS background. Suggested token roles are #140700 for background and #ffffff for text; check them against the screenshot. Headings are set in Portrait Text, which it also uses for body copy.

Compared with the 83 other Portfolio sites in the library, Collins is one of the 23% that go dark, and the group's most common heading face is Inter, where Collins uses Portrait Text. The average Portfolio homepage here has 5 sections; this one has 3.

Worth studying here: the hero, for the relationship between imagery, type and navigation, the features block, for how benefits are grouped and paced and the showcase, for image scale, grouping and visual emphasis. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.