Figma

Reference it for

• Variable-axis typography at non-integer weights (340, 480, 520, 540). The most distinctive single-font discipline in the library — requires a true variable-axis face.
• Product-output-as-hero: show what users make WITH the tool, not the tool itself. A grid of tilted file cards beats a screenshot of the editor.
• 2200px ultra-wide hero composition that bleeds past the standard content cap. Lets the "tabletop of files" composition feel generous.
• The 0.16s ease-out motion contract — fast, snappy, used for all / clip-path / translate / opacity uniformly. Same speed as Linear's signature.
• Single cyan accent #33dfdf used only for the primary CTA — 3 occurrences in 1,177 text colours.
• Sub-hero "Get started for free" pill — small, cyan, positioned absolutely over the file-card composition.
• figmaMono for code-flavoured micro-labels — same family (Figma's commissioned mono) for cohesion.
• figmaSans / figmaMono with Fallback shims loaded ahead — same FOIT-prevention as Plain and Mercury.

Do not copy

• figmaSans / figmaMono — bespoke and licensed for Figma's use only. Substitute with Inter Variable (good fit) or Söhne Variable (paid alt).
• The exact #33dfdf cyan — strongly Figma-coded.
• 148-image hero loads on briefs that can't justify the perf cost.
• The 2200px composition without ultra-wide-aware art direction — on a 1440px screen it crops awkwardly.
• The 4-keyframe hashed-name set — CSS-in-JS naming artefact; rebuild with readable keyframe names.
• Variable-axis non-integer weights on a brand whose font shipment is discrete-weight (most older brand packs are static-weight Inter or Söhne).
• The Sanity + Vimeo + Figma-static + featureassets.org asset chain — Figma's enterprise CMS stack.