Light interfaceMeasured www.figma.com

Figma

A bold, confident creative tool that strips everything down to pure black and white.

This page is styled with Figma’s own measured values. It is a private reference for AltLeads; their logo, brand and company-only fonts belong to them.

Colours

Each role is a value read from their live website, checked against their screenshots.

Background#FFFFFF
Page behind everything

Surface#FFFFFF
Cards, panels, menus

Text#000000
Headings and body

Muted text#000000
Secondary info

Line#E5E5E5
Dividers and outlines

Accent#000000
Main button, links, selection

On accent#FFFFFF
Text on the accent

Contrast

Text on background 21.0:1Muted on background 21.0:1Text on accent 21.0:1

Every colour found on their site

#000000#FFFFFF

Typography

Headings use figmaSans (company-only; shown here with the free look-alike Inter). Body text uses figmaSans (company-only; shown with Inter).

h1	figmaSans · 56px · 400 · -1.25px	The full-stack creative canvas
h2	figmaSans · 30px · 400 · -0.66px	One workspace for your entire product development process.
h3	figmaSans · 16px · 400	Design anything you can imagine
p	figmaSans · 18px · 330	This website uses cookies, pixel tags, and local storage for
li	figmaSans · 18px · 330 · -0.14px	Products

Corners & shadows

Corner sizes used

8px

24px

pill

2px

16px

Shadows

Shadow 1

Shadow 2

Shadow 3

Components, rebuilt from their values

Live and clickable. Built by us from the numbers above, not copied from their code. Sample CRM data.

Buttons

Navigation

WorkspaceCompanies Contacts Meetings

Disposition

InterestedCallbackBengaluru

Hide do-not-call

Next call

Licious · Admin head

Wants a proposal before the cafeteria contract renews in March.

Tabs

Table

Company	Owner	Status	Last touch
Zomato Food tech · Gurugram	PR	Callback	18 days ago
Licious Food tech · Bengaluru	RM	Interested	Today
Delhivery Logistics · Gurugram	AS	No answer	35 days ago

Toast

Call logged · callback on Friday

Real components from their site

Cropped from Figma’s live website. Click to enlarge.

Buttons · 2

Figma button: Allow all cookies — #FFFFFF · corners 8px · 46px

Figma button: Get started for free — #000000 · corners 8px · 46px

Navigation bar · 1

Figma Navigation bar: Products — fill #FFFFFF · square · figmaSans 16px

Buttons · 2

Figma Buttons: Allow all cookies — fill #FFFFFF · corners 8px · figmaSans 16px

Figma Buttons: Get started for free — fill #000000 · corners 8px · figmaSans 18px

Cards and panels · 1

Figma Cards and panels: This website uses cookies, pixel tags, a — fill #000000 · corners 8px · figmaSans 16px

Icons

7 icons copied exactly from their site’s code.

Product screens

8 real screens from web image search, each linked to where it was found.

Figma product screen: Figma - Create and share designs & web interfaces | AppSumo — Figma - Create and share designs & web interfaces | AppSumo

Figma product screen: Design System - UI/UX Kit Figma | Figma — Design System - UI/UX Kit Figma | Figma

Figma product screen: Figma中文专题-Figma介绍|功能|教程|免费使用-墨刀 — Figma中文专题-Figma介绍|功能|教程|免费使用-墨刀

Figma product screen: Guide to the best UX design tools for prototyping and design - Justinmind — Guide to the best UX design tools for prototyping and design - Justinmind

Figma product screen: AI Tools to Increase Developers Productivity | inVerita — AI Tools to Increase Developers Productivity | inVerita

Figma product screen: How to Prototype in Figma for Interactive Designs — How to Prototype in Figma for Interactive Designs

Figma product screen: The Power of Figma as a Design Tool | Toptal® — The Power of Figma as a Design Tool | Toptal®

Figma product screen: Figma Review: Is This Design and Prototyping Tool Worth It in 2026? — Figma Review: Is This Design and Prototyping Tool Worth It in 2026?

Do & don’t

What makes it Figma

Pure black and white only, with colour coming from the product content itself, not the UI chrome
A clean geometric sans font used at large sizes
Solid black pill and rounded-square buttons as the only strong UI element

Let the product screenshots and content supply the colour
Keep the UI chrome strictly black and white
Use one bold solid black button for the primary action

Don’t

Don't add accent colours to buttons or links
Don't use grey surfaces or muted tones
Don't compete with content for attention using UI colour

For AltLeads: Borrow the strict black-and-white chrome so lead/company data visuals (charts, tags) stand out as the only colour on the page.

Copy the tokens

Paste into any project to try this look.

/* Figma · values measured from https://www.figma.com/ · reference only, their brand belongs to them */
:root {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --text: #000000;
  --muted: #000000;
  --line: #E5E5E5;
  --accent: #000000;
  --on-accent: #FFFFFF;
  --radius-button: 8px;
  --radius-card: 8px;
  --radius-small: 2px;
  --button-height: 46px;
  --font-heading: "figmaSans", "Inter", system-ui, sans-serif;
  --font-body: "figmaSans", "Inter", system-ui, sans-serif;
  --shadow: oklch(0 0 none / 0.16) 0px 0px 0px 1px inset;
}