Design
Design anything you can imagine: ideas into apps, websites and products (homepage feature). Observed
The system
Fixed, everywhere
- Wordmark black or white
- Icon colors never changed
- One light weight of Figma Sans
- Square media, black buttons
The one thing that varies
Color scheme, primitives and composition move in campaign work.
Color, in proportion
Not published as a ratio. Measured share of the figma.com homepage height at 1440 (8739px): the black footer is 983px (11%), the full-bleed tools grid 1337px (15%), and the white bands with their framed videos take the rest (74%)..
Tone by the reader's state
- Homepage and product pages
- Campaigns, events and community
Two voices. The homepage is plain and product-led; the brand language (primitives, schemes, billboards) is louder. Levels are our reading.
How loud each format gets
Silent
QuietLanding pageEmail
CalmDeck
WarmSocial
LoudEvent / out of home
Loudest
Our engine's setting, built from their rules.
Every piece passes two checks
Logo hidden
Cover the logo. It should still read as Figma: white page, one light grotesque weight, square product media, a giant black Get started, two-tone heads.
Swap test
Put another SaaS logo on it. If the oversized black button, grey continuation sentences and full-bleed product grid don't feel out of place, it's generic.
Strategy
Figma presents itself as the full-stack creative canvas: one place where teammates and AI agents design, build and ship together. Observed
Build
Build with intention: tools that take you all the way to production (homepage feature). Observed
AI-native
Teammates and AI agents work in the same space with shared context (homepage section). Observed
Proof
The products you love are designed in Figma: customer quote, 95% of the Fortune 500, a logo marquee. Observed
The full-stack creative canvas
Move fast in the right direction on an AI-native canvas.
One workspace for your entire product development process.
Powerfully expressive. Incredibly precise.
Full spec
- For Published
- Whole product teams, not only designers: Figma says only about a third of its users identify as designers.
- Promise Our reading
- Go from idea to shipped product in one shared space, with your team and your agents.
- Not published on the public brand pages Our reading
- The homepage implies it: help teams move from idea to shipped product together.
Proof behind each pillar
Story Published
In September 2024 Figma's in-house Brand Studio replaced the cursor-and-black-outline look of about five years with a "jumbo" language of primitives, an expanded palette run as variables, motion principles and the custom Figma Sans by Grilli Type.
Category. Collaborative design and product-development platform: Figma Design, Make, Weave, Dev Mode, Motion, Specs, FigJam, Slides, Draw, Sites, Buzz (footer Product column). Observed
Why them
- Multiplayer: teammates and AI agents in the same file with shared context Observed
- 95% of the Fortune 500 uses Figma (Figma's figure, based on March 2025 data) Observed
Boilerplate Our reading
Not published on the public brand pages.
Taglines
More real lines
Start with design context. Build with consistency.
The products you love are designed in Figma
Ideas no longer have to wait their turn
Explore what you can do in Figma.
Make. Believe.
The homepage leads with one positioning line, "The full-stack creative canvas", then states the product in plain claims: an AI-native canvas, one workspace from WIP to ship, design context for consistent builds. Proof follows: a customer quote, a 95% Fortune 500 stat and a logo row.
Source: figma.com
Personality and voice
Plain-spokenbut not HypedObserved
Collaborativebut not Solo geniusPublished
Playful in campaignbut not Playful in UIOur reading
Craftedbut not DecoratedPublished
Tom's plugin for Figma design
Tom's Figma plugin
Adjective use protects the trademark; the plain homepage voice lets the product imagery carry the energy.
Full spec
- Sentence case headlines
- Use a Figma mark as an adjective (the Figma platform), never as a noun, verb or possessive
- Say "for Figma" (Tom's plugin for Figma design), never "Tom's Figma plugin"
- Never put Figma or "Fig" in your own company, product, domain or handle
- Section heads: a black claim sentence, then a grey (#757575) explanation at the same size
PlainDeclarativeCalm
Two voices. Homepage: sentence case, short declaratives, a black claim then a grey explanation, no bold. Trademark guidance: Figma is an adjective (the Figma platform), never a noun, verb or possessive; third parties say "for Figma".
- Sentence case everywhere
- Figma as an adjective: "the Figma platform"
- "Tom's plugin for Figma design", not "Tom's Figma plugin"
- A landing page follows the homepage voice
- Plain, declarative product voice: short statement sentences, sentence case, a black claim followed by a grey explanation; no exclamation, no playful copy, no bold. A landing page built in Figma's style follows this homepage voice and layout.
- Trademark voice: talk about Figma as an adjective ("the Figma platform"), never a noun, verb or possessive, except for Figma the company.
Never
Tom's Figma pluginClara's FigJam tutorialsFigma's (possessive, except the company)to figma (as a verb)
- Don’t "Fig" or "Figma" inside your own product or handle
- Don’t Possessive "Figma's" except for the company
- Don’t Implying Figma endorsement
| Case | sentence |
|---|---|
| Two-tone heads | claim #000000 + explanation #757575, same size |
Logo
Logos shown from Figma's own icon file and Brandfetch for reference. Figma is a trademark of Figma, Inc. Not affiliated, and not for download.
Figma
Figma Edu
Figma
Figma
The wordmark carries the brand where it is known; the lockup boosts recognition where it is not.
Full spec
- Wordmark in black or white only, chosen for APCA Lc 60 or better
- Full-color icon on white or black only; the mono outline icon may sit on color
- Clear space all round equals the mark's height
- Place marks on a layout's outer edge with even margins
- Lockup in black, on light grounds only, used as-is
- In partnerships prefer the lockup or wordmark; pair wordmark with wordmark, icon with icon, evenly sized
- Don’t Color applied to the wordmark
- Don’t Wordmark on a low-contrast color
- Don’t Your own logo combinations ("Figma Edu")
- Don’t Full-color icon on color
- Don’t Recolored icon shapes
- Don’t Grayscale icon (use the mono outline)
- Don’t The icon as the letter F
- Don’t The lockup in white
- Don’t Resizing or moving parts of the lockup
| Clear space | equal to the mark's height |
|---|---|
| Wordmark colors | #000000 or #FFFFFF |
| Contrast target | APCA Lc 60 |
| Minimum size | not published |
Three marks: the wordmark (preferred), the five-shape icon (full color or mono outline) and a lockup of icon plus wordmark for low-awareness settings. App icons put the mark in a rounded square. Wordmark black or white only, aiming for APCA contrast 60.
Source: static.figma.com/uploads/6645755656177435f83e10b48d9947645b55a033figma.com/using-the-figma-brandstatic.figma.com/uploads/4fbf4d754dbbc027ba1530205f8747cd97d532e5
Color
Get started
Get started
A black-and-white frame lets the work people make in Figma be the color.
Full spec
- Homepage and landing pages: white grounds, black type and buttons, #757575 for secondary text
- Brand color comes from imagery and primitives, not UI chrome
- Campaign pieces pick one scheme: a primary plus four secondaries
- Don’t Colored buttons or colored text on the homepage
- Don’t Recoloring the icon shapes
- Don’t Wordmark on a low-contrast ground
| Icon red | #FF3737 / PMS 032 U |
|---|---|
| Icon purple | #874FFF / PMS 2088 U |
| Icon green | #24CB71 / PMS 7479 U |
| Icon orange | #FF7237 / PMS 1655 U |
| Icon blue | #00B6FF / PMS 306 U |
| Campaign scheme hexes | not published |
The Brand Book publishes five icon colors with PMS and CMYK. The 2024 refresh kept the signature purple and added bold primaries, neons and earthy tones in three schemes (Core, Warm, Cool), each a primary plus four secondaries, in light and dark modes. The homepage itself is black and white; color arrives only through product imagery.
Source: static.figma.com/uploads/6645755656177435f83e10b48d9947645b55a033figma.com/blog/figma-on-figma-evolving-our-visual-languagefigma.com
Typography
The full-stack creative canvas
Move fast in the right direction.
MOVE FAST IN THE RIGHT DIRECTION
Figma wanted one face that works for display and long reading, for designers, developers and newcomers.
Full spec
| Their face | Use | License | Open stand-in |
|---|---|---|---|
| Figma Sans | Every heading on figma.com at CSS weight 400 (renders light), wdth 96 at 56px and up | Proprietary: commissioned from Grilli Type for the 2024 refresh; not licensed to third parties | Inter 390, -0.0328em (opsz on) Matches the 56px hero line to within 0.02% of the real width after tracking, ink +0.8%, x-height +3% (see Typography calibration) |
| Figma Sans | Body, nav, buttons, links: 16px weight 400, wdth 98 | Proprietary (Grilli Type for Figma) | Inter 300 at 16px, 330 at 30px (final recipe in spec.type) Matches width and ink against the reference at 1x: 16px 300 -0.12px, 30px 330 -0.45px |
| Figma Mono | Uppercase footer column heads, dropdown group labels, NEW/BETA badges | Proprietary (part of the 2024 type family, with Figma Condensed and Figma Hand by OH no Type) | IBM Plex Mono 400, +0.03em Exact rendered width on the 16px uppercase label, ink +0.3% |
- One weight; size does the work
- Tight negative tracking at display sizes
- Mono only for uppercase labels and badges
- Stand-in: Inter 350/340/330/300 at 56/44/30/16px (spec.type), IBM Plex Mono 400
- Don’t Bold or semibold headings
- Don’t Italic
- Don’t All-caps sans
| H1 | 56/56, -1.25px (phone 36/36) |
|---|---|
| Solo H2 / quote | 44/48.4, -0.66px (phone 32/35.2) |
| Two-tone head | 30/36, -0.66px (phone 24/28.8) |
| Body | 16/23.2 |
| Mono label | 16/20.8, +0.48px, uppercase |
Figma Sans (Grilli Type) at one light weight; hierarchy is size alone: 88, 56, 44, 30, 24, 16, 14px. Display sizes use a narrower width (wdth 96) and -1.25px tracking. Figma Mono sets the uppercase labels. The family also has Figma Condensed and Figma Hand (OH no Type).
Source: figma.com/blog/the-story-of-creating-figma-sansfigma.com/blog/figma-on-figma-evolving-our-visual-languagefigma.com
Iconography
Icons stay out of the way so product imagery leads.
Full spec
- 24px line glyphs, black on white or white on dark
- Every text link ends in an arrow that nudges right on hover
- Don’t Colored or filled icon tiles in place of imagery
| Size | 24px glyph, 36px circular control |
|---|---|
| Social circles | #3D3D3D |
Interface icons are 24px single-weight line glyphs: arrow-right on every text link, chevrons in the nav, pause/play on media, a globe on the language selector. Social icons sit white on #3D3D3D circles in the footer.
Source: figma.com
Illustration
Figma's creative director argues identities should work as languages, not systems.
Full spec
- Jumbo scale, nodes and borders
- Compose with overlap, reveal, clustering or multi-move
- Primitives may be activated with pattern
- Don’t The retired thin black-outline style
- Don’t Cursor characters as illustration
| States | passive, activated, hyper-activated |
|---|---|
| Moves | overlap, reveal, clustering, multi-move |
Illustration is a "language" of primitives: vector shapes from blobs to representational forms, made in Figma and drawn jumbo (big shapes, oversized nodes, bold color). They have passive, activated (pattern) and hyper-activated states, and compose by overlap, reveal, clustering and multi-move. It replaced the old black-outline main-character shapes.
Source: figma.com/blog/figma-on-figma-evolving-our-visual-languagestatic.figma.com/uploads/6645755656177435f83e10b48d9947645b55a033
Photography
The product's output is the proof.
Full spec
- Show real work made in Figma
- Square corners, no shadows, no borders
- Customer headshot in black and white
- Don’t Stock photos of people at laptops
- Don’t Rounded image cards with drop shadows
| Media radius | 0 |
|---|---|
| Avatar | 48px circle inside a 54px wrapper, 3px dashed #00B6FF band |
The homepage uses no lifestyle photography. Imagery is Figma-made work: product UI, artboards, templates and motion stills, shown edge to edge with square corners. The only portrait is the customer headshot, black-and-white in a dashed blue ring.
Source: figma.com
Motion
Motion shows the product working instead of decorating it.
Full spec
- Selection, activation, transformation
- UI transitions 0.18s ease-out
- Every autoplay video has a pause control
- Don’t Cursor-led animation
- Don’t Bouncy or long UI transitions
| Hover | 0.18s ease-out, #000000 to #262626 |
|---|---|
| Videos | muted loops with a 36px pause button |
Motion principles are craft, interactivity and freeform, built on selection, activation and transformation without cursors. On figma.com, looping muted product videos carry it; UI motion is 0.18s ease-out hover fills and arrow nudges, a counting stat and a scrolling logo row.
Source: figma.com/blog/figma-on-figma-evolving-our-visual-languagefigma.com
Interface & layout
The page, band by band
Nav
Hero: The full-stack creative canvas Primary action
AI-native canvas
One workspace
Powerfully expressive
Figma Make
Proof
Outro CTA
Explore templates
Buttons
Signature moves
Do A heading is one paragraph block 901px wide: the first sentence in #000000, the next sentence(s) in #757575 (black at 54%) at the same size, weight, tracking and line height (30/36 desktop, 24/28.8 phones, Inter 330 -0.45px; 44/48.4 for "Explore what you can do in Figma. / Browse resources made by the community."). The grey sentence starts on a new line. No eyebrow, no bold, no second size..
Black statement, grey continuation · every section heading on the homepage except the three 44px solo headlines
Do figmaSans at weight 400 everywhere (renders light; footer links even lighter at 320). Hierarchy is only size: 88, 56, 44, 30, 24, 16, 14. figmaSans (reference only): wdth 96 and -1.25px at display sizes, -0.66px at 30-44px. Stand-in (final recipe, see spec.type): Inter 350 at 56px, 340 at 44px, 330 at 30px, 300 at 16px..
One light weight, size does the work · whole page
Do Every video, image and tile has 0 radius and no border or shadow, sitting straight on white. Only controls are rounded: 8px (46px nav buttons), 16px (84px hero button), 24px (136px outro bar), full circles (36px media and carousel buttons). Buttons are solid #000000 with white text, or transparent with a 1px #D6D6D6 inset ring..
Square media, rounded black controls · all media and buttons
Do The primary CTA is oversized rather than repeated: a 224x84 black button with a 30px label floating alone in the hero right columns, and near the end a 1360x136 black bar (24px radius) with a 56px "Get started" centered under a centered 44px headline..
Giant Get started · hero and outro
Do Each band shows a muted looping Vimeo of real Figma UI on a flat pastel or grey field baked into the video (#CAFFF9, #D0D0D0, #F3FFE3), always with a 36px black round pause button 14px inside the bottom-right corner. Media sizes: 581x700 hero, 901x507 (8 columns, left), 1131x636 (centered), 1360x765 (full width)..
Product UI as autoplaying video · hero, AI canvas, One workspace, tools grid, Make
Do figmaMono (stand-in IBM Plex Mono 400 +0.03em) uppercase: 16px +0.48px #999999 footer column heads, 14px #757575 dropdown group labels ("WHAT YOU CAN DO IN FIGMA", "EXPLORE ALL PRODUCTS"), 12px badges on #292929..
Uppercase mono for meta labels · footer heads, dropdown group labels, NEW/BETA badges
Do Twelve 348x435 tiles (6 stills, 6 videos) in 4 columns with 16px gutters running from x 0 to x 1440, ignoring the 40px page margin; 2 columns of 187 on phones. Each tile is a crop of a Figma panel over vivid art..
Full-bleed 4x3 tools grid · Powerfully expressive band
Do Every band from nav to the template carousel is #FFFFFF with no tinted section grounds; color only arrives inside media. The only dark ground is the #000000 footer (white wordmark, #999999 mono heads, 320-weight white links)..
All-white page, one black footer · page grounds
Do Place the wordmark or icon on a layout's outer edge with even margins; clear space all round equals the mark's own height. Black or white wordmark only..
Logo on the outer edge with clear space equal to its height · every layout that carries the wordmark or icon
Specimens use sample copy, not Figma’s.
Full spec
A 1360px content width with 40px side margins at 1440 on a 12-column grid; 80px band padding. The hero splits into three zones: headline, media and a giant Get started button. Sections alternate centered and left-aligned two-tone heads over large square videos. A full-bleed 4x3 tile grid breaks the margins once, and the footer is black.
Measured from figma.com's computed styles, bounding boxes and hover/focus states at 1440 and 390 in headless Chromium with a desktop Chrome user agent, 2026-10-29; each section scrolled into the viewport and held 2.5s before measuring (lazy Vimeo media)..
Spacing
| Measure | Desktop | Phone |
|---|---|---|
| Page margin | 40px | 16px |
| Section padding | 80px | 40px |
| Navigation | 78px | 78px |
Type, at size
Hero headline (h1)
Figma Sans · 56px (phone 36) · line 1 · tracking -1.7px · weight 350
Stat numeral
Figma Sans · 88px (phone 72) · line 1 · tracking -2.7px · weight 350
Outro bar label
Figma Sans · 56px (phone 36) · line 1 · tracking -1.7px · weight 350
Section headline large (h2)
Figma Sans · 44px (phone 32) · line 1.1 · tracking -0.66px · weight 340
Section headline (h2, two-tone)
Figma Sans · 30px (phone 24) · line 1.2 · tracking -0.45px · weight 330
Hero button label
Figma Sans · 30px (phone 24) · line 1.2 · tracking -0.45px · weight 330
Dropdown big link
Figma Sans · 24px · line 1.3 · tracking -0.3px · weight 320
Body / feature title / link
Figma Sans · 16px · line 1.4 · tracking -0.12px · weight 300
Small
Figma Sans · 14px · line 1.45 · weight 300
Footer link
Figma Sans · 16px (phone 22) · line 1.45 · tracking -0.5px · weight 300
Mono label
Figma Mono · 16px · line 1.3 · tracking 0.48px · weight 400
Badge
Figma Mono · 12px · line 1 · tracking 0.6px · weight 400
- Motion
- functional: 0.18s ease-out hover fills and arrow nudges; brand motion lives in looping product videos (selection, activation, transformation)
- Buttons
- rounded rectangles on square media: 8px (46px nav buttons), 16px (84px hero Get started), 24px (136px outro bar), full circles for 36px media controls
Page anatomy
How Figma’s own landing pages are built, observed on figma.com, 2026-10-29. The full measurements are in spec.md.
- Navigation
- No announcement bar above the nav (checked at 1440 and 390 on 2026-10-29). Fixed white 78px bar: color Figma mark, five text items left, Log in + outlined Contact sales + black Get started for free right
- Hero
- White band: 56px three-line headline at left, a tall stack of floating Figma-made artboards (video) in the middle, a lone oversized black Get started button at right
- AI-native canvas
- Two-tone 30px heading, an 8-column video on the left, one feature (icon/title/description/link) in the right columns, its icon 16px below the video top
- One workspace
- Centered two-tone heading, a centered 1131px video, two features side by side under it
- Powerfully expressive (tools grid)
- Two-tone heading with a right-aligned link, then a full-bleed 4x3 grid of square-cornered tiles (6 stills, 6 videos)
- Figma Make
- Centered two-tone heading, a full-width 1360px video, link under the video at left
- Proof: quote, stat, logos
- 44px solo headline, a 9-column pull quote and a 3-column stat each hung on a 1px left rule, then a scrolling row of black customer logos
- Outro CTA
- Centered 44px headline over a full-width black Get started bar
- Explore templates carousel
- 44px two-tone heading, link + pager row, then a horizontal carousel of square-cornered template images with link captions, bleeding off the right edge
- Footer
- Black footer: white Figma wordmark and 4 round social buttons at left, four mono-headed link columns at right, language selector at the bottom left. No copyright line
Source: figma.com
In use
Evolving our visual language (2024 brand refresh) · 2024
The identity is built in Figma with variables, so the brand demonstrates the product it sells. Our reading
Figma Sans · 2024
One face serves designers, developers and newcomers alike. Our reading
Friends of Figma brand refresh · 2026
Chapters get local expression inside one recognisable kit. Our reading
Full spec
How our engine applies Figma's system to each format. This is our recipe built from their rules, not something Figma publishes. Level = how far toward the campaign end (jumbo primitives, full schemes) from the black-and-white product end.
- Evolving our visual language (2024 brand refresh). Announced September 16, 2024. Figma's in-house Brand Studio retired the cursor-and-black-outline look for four foundations: versatile primitives, dynamic compositions, an expanded palette run as variables, and integrated motion. Figma Sans came from Grilli Type. figma.com/blog/figma-on-figma-evolving-our-visual-language
- Figma Sans. A custom grotesque commissioned from Grilli Type after off-the-shelf options fell short, built to work for display and long reading. figma.com/blog/the-story-of-creating-figma-sans
- Friends of Figma brand refresh. Published May 19, 2026: the community program pulled the logomark apart into basic shapes for a new Friends of Figma logo, with "bouncy F" chapter badges, sticker templates and a palette from which each chapter picks six extra colors. figma.com/blog/friends-of-figma-brand-refresh
| Format | What they did | Source |
|---|---|---|
| website | figma.com homepage: white bands, giant black Get started, square product videos, full-bleed tools grid, black footer. | figma.com |
| brand page | using-the-figma-brand: 72px headline beside the full-color icon, a mint #F3FFE3 "Brand together" band of three resource cards, then trademark rules. | figma.com/using-the-figma-brand |
| out of home | "Make. Believe." billboard in the 2024 refresh. | figma.com/blog/figma-on-figma-evolving-our-visual-language |
| community kit | Friends of Figma stickers, chapter badges and templates. | figma.com/blog/friends-of-figma-brand-refresh |
| partnerships | Figma + Jira and Figma + GitHub lockups; wordmarks paired with wordmarks. | static.figma.com/uploads/6645755656177435f83e10b48d9947645b55a033%20p.7 |
Our setting for each format
| Format | Loudness | Must appear | What varies |
|---|---|---|---|
| Landing page | White 78px nav with the 19x28 five-color Figma icon at x 40 (no wordmark in the nav), five menu labels and a black "Get started for free"; three-zone hero (56px three-line H1 left, square product media centre, 224x84 black Get started right); two-tone 30px section heads; one full-bleed square-tile grid; proof with quote, stat and logos; black footer with mono column heads | which product sections follow the hero and what media fills them | |
| Deck | White slides, one light weight, black wordmark on the outer edge, product imagery square | one color scheme for section dividers | |
| Social | Jumbo primitives in one scheme, wordmark black or white | composition move: overlap, reveal, cluster | |
| Event / out of home | Primitives at billboard scale, short two-word line | scheme and activation state | |
| White, black type, one black button, square product image | one primitive accent |
Ads
AgentsGoogle, Meta · Jul 2026 – now
MakeGoogle, Meta · Apr 2026 – now
Ai native organizationLinkedIn · Oct – Nov 2026
Create and collaborate in Figma — because design is…Google · Mar 2026 – now- Campaign walk: Figma Weavead → landing page → Demo
- Campaign walk: Figma’s Agentad → landing page → Free sign-up
- Campaign walk: The Guide To Building An AI-Native Organizationad → landing page → Gated content
- Campaign walk: Get Started with Dev Toolsad → landing page → Free sign-up
Rules
Do
- Your branding larger and more prominent than the Figma marks
- Refer to Figma informationally; say what works with Figma
- Link to Figma content with the word or logos
- Screenshots allowed for education
Don’t
- Modifying the marks or merging them into yours
- "Fig" in your name, domain or handle
- Implying affiliation or endorsement
- Imitating Figma's visual identity
- Figma marks on merchandise
Source: figma.com/using-the-figma-brandstatic.figma.com/uploads/6645755656177435f83e10b48d9947645b55a033
Steal this kit
Your name and logo, Figma’s system.
Comes with you
- Color roles and how much of each
- Type pairing, with open fonts
- Voice rules the writing check enforces
- Icon, photo, illustration and motion recipes
- The strategy frame, to fill with yours
Stays yours
- Your name and logo
- Your proof: numbers, customers, quotes
- Your purpose and claims. Theirs aren’t yours to make
Use this kit for my brand Use this brand in Claude
Hand it to a developer
- spec.mdEvery value and rule
- tokens.cssCSS variables
- tokens.jsonDesign tokens (DTCG)
- kit.jsonWhat our engines read
Your brand next
Get your brand audit Put your brand in Claude What goes in a brand book
What Figma doesn’t publish
- The Brand Book lists the same RGB (r129, g113, b113) under all five icon colors, an apparent template error; use the published hex values.
- Minimum logo sizes: not published.
- Campaign scheme hexes (Core, Warm, Cool and secondaries): not published; shown only as images.
- Figma Sans, Figma Mono, Figma Condensed and Figma Hand are proprietary; Inter and IBM Plex Mono are calibrated stand-ins.
- Photography guidance: not published.
- Grid, spacing and layout rules: not published; all layout values are measured from figma.com on 2026-10-29.
- Mission statement and boilerplate: not published on the public brand pages.
- The guide points account holders to a Brand Book inside Figma (sign-in); only the public PDF, which covers identity (logos) only, was used.
Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-29. Not affiliated with Figma.