Figma
Figma sets large figmaSans headlines with tight tracking on a light bone white canvas. Void (#000000) is reserved for actions, on buttons with 8px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 2px, with 9999px and 24px on smaller elements.
figma.com ↗Colors
Void
#000000
Primary actions and links
Orchid
#cb9fd2
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Soft Void
#000000
Headlines and body copy
Type scale
DisplayThe full-stack creative canvasfigmaSans · 56px · 400
HeadingMove fast in the right direction on an AI-native canvas.figmaSans · 30px · 400
SubheadingDesign anything you can imaginefigmaSans · 16px · 400
BodyJoin Config India virtually 15 October for free.figmaSans · 16px · 320
NavPricingfigmaSans · 16px · 400
Buttons
RegisterGet started for freeButtonGet started
Style reference measured from the public page at figma.com on 2026-10-12 for design education. Figma and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Figma — Style Reference > Figma sets large figmaSans headlines with tight tracking on a light bone white canvas. Void (#000000) is reserved for actions, on buttons with 8px corners, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 2px, with 9999px and 24px on smaller elements. **Theme:** light · **Source:** https://www.figma.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Void | `#000000` | `--color-accent` | Primary actions and links | | Orchid | `#cb9fd2` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Soft Void | `#000000` | `--color-ink` | Headlines and body copy | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | figmaSans | 56px | 400 | 1.00 | -0.022em | | Heading | figmaSans | 30px | 400 | 1.20 | -0.022em | | Subheading | figmaSans | 16px | 400 | 1.40 | 0 | | Body | figmaSans | 16px | 320 | 1.45 | 0 | | Nav | figmaSans | 16px | 400 | 1.45 | 0 | Font families on the page: figmaSans, figmaMono. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 2px, 9999px, 24px, 50%, 4px - Primary button: background `#000000`, text `#ffffff`, radius 8px, padding 12px 22px, 16px / 400
