Trussle

Trussle (trussle.com) is a website in the Finance category. Its homepage is captured as 5 sections, top to bottom: hero, testimonials, features, about and content. We also captured its pricing, about, sign up, docs, enterprise and security pages. The hero leads with “Your free online Mortgage Broker”.

The capture records a palette of #292b29, #fbf6e9, #b24a00, #fffdfa, #a4a8a4 and #073126. The largest share of captured homepage sections uses #fbf6e9 as its CSS background. Suggested token roles are #fbf6e9 for background and #292b29 for text; check them against the screenshot. Headings are set in Better Sans, which it also uses for body copy.

Compared with the 162 other Finance sites in the library, Trussle sits with the 91% that stay light, and the group's most common heading face is Inter, where Trussle uses Better Sans. The average Finance homepage here has 8 sections; this one has 5.

Worth studying here: the hero, for the relationship between imagery, type and navigation, the testimonials, for how quotes, names and roles are laid out and the features block, for how benefits are grouped and paced. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.