Preview image. Unlock full-res
A dark, editorial landing page for Contra that combines oversized typography, gradient 3D visuals, and stacked content sections for freelancers and clients.
Summary
A dark, editorial landing page for Contra that combines oversized typography, gradient 3D visuals, and stacked content sections for freelancers and clients.
Visual description
The page opens with a dark hero featuring a large mixed-type headline and a prominent 3D gradient staircase illustration on the right. A top navigation bar includes primary actions and a freelancer/hiring toggle, while the left side uses concise supporting copy and two call-to-action buttons. Below the hero, the page stacks project cards, a light-colored promotional band, a product showcase strip, and a resource section with multiple content cards. The overall composition stays high-contrast and polished, with soft gradients used as accent elements throughout.
Key takeaway
The strongest pattern is a premium marketplace hero built around oversized typography, a simple CTA set, and a memorable 3D visual. It works well for products that need to communicate both creativity and utility in a single first screen.
Reuse notes
Reuse the split hero structure, the dark background with warm gradient accents, and the compact nav + toggle pattern for marketplace or creator-platform landing pages. The stacked section rhythm below the hero is also useful for mixing featured content, promotional blocks, and educational cards without losing visual cohesion.
