Figma

HeroesView crop ↑

The top bar holds five nav items, "Log in", an outlined "Contact sales" and a black "Get started for free". Below, the headline "The intelligent canvas for infinite creativity" sits left, a fanned stack of app screens fills the centre, and a black "Get started" button floats right.

FeaturesView crop ↑

The headline "Explore what you can do in Figma." splits into black and grey lines, with a "Browse all templates" link and a "1 of 10" counter beside arrows. A carousel of cards follows, captioned "UI Kits", "Websites", "Social media" and "Mobile apps",.

CTAsView crop ↑

A narrow band centres the line "Ideas no longer have to wait their turn" above one full-width black button labelled "Get started". The rounded button spans the content column, and nothing competes with it: no secondary link, no image, only white space.

Pricing & PlansView crop ↑

The pricing page opens with "Pick your plan, choose your seats" and four columns: "Starter", "Professional", "Organization" and "Enterprise", each listing Full, Dev and Collab seat prices. A "Compare all features" table with green checks follows, then a pale green FAQ accordion.

Contact UsView crop ↑

The "Contact sales" page uses a pale green panel split in two: left copy ("Talk to a member of our sales team") with a support link, right a form titled "Tell us about your team" with nine fields, mono-spaced labels and a black "Submit" button.

Affiliate pagesView crop ↑

A lavender banner reads "Figma Affiliate Partner Program has concluded", yet the full pitch remains: "Recommend Figma and FigJam, reap rewards", three illustrated cards under "Join the movement", and three alternating image-and-text rows under "How it works". A yellow testimonial block closes the page.

Careers pagesView crop ↑

"Careers at Figma" opens with a photo and "See open positions", then a lavender "Our Values and Culture" block of five photo cards, "Life at Figma", a peach "Benefits" list, "Locations" in two columns, and a very long "Job Openings" list grouped by department.

Blog pagesView crop ↑

The "SHORTCUT" masthead sits over a full-width illustrated hero with one large story and two smaller cards. A dark theme carries "Catch up on Config 2026" carousels, a large pull quote beginning "AI has lowered the floor", and a three-column grid under "The latest".

FootersView crop ↑

The black footer shows the "Figma" wordmark with four social icons on the left and four columns on the right: "PRODUCT", "USE CASES", "RESOURCES" and "COMPANY", with "PLANS" nested below Product. Small "NEW" and "BETA" pills flag newer products.; "Cookie settings" sits at the bottom

On mobile

The 390px capture runs 9,362px and is intact. The hero headline moves above the image stack and "Get started" drops below it. The mosaic becomes two columns with small play buttons, the quote and "95%" statistic stack, and the footer becomes one long list.

Worth borrowing

• Pair a short headline with a cropped stack of real product screens, as the hero does, so the product carries the message.
• Split headlines into black and grey lines, as in "Explore what you can do in Figma.", for hierarchy without extra weight.
• Tint utility pages differently (pale green for pricing and contact, lavender for affiliate) while the shell stays white and black.