Brands813
↑ ↓ to browse
View full design.md ↗
Canva· Designcanva.com
Design

Canva

Friendly design-for-all platform — proprietary Canva Sans with ss02/ss03 optical features, deep near-black canvas, electric violet primary, teal-to-purple gradient hero, and generously rounded 8px/16px button geometry.

Color Palette20 tokens
background#0f1015
surface#ffffff
surface-dark#101219
ink#ffffff
ink-dark#0f1015
on-background#ffffff
on-surface#0f1015
primary#8b3dff
primary-light#a370fc
on-primary#ffffff
gradient-teal#00c4cc
gradient-purple#7d2ae8
swatch-peach#ffdac4
swatch-pink#ffd6d8
swatch-lavender#f9defb
swatch-lilac#ead6ff
border#353f5a
border-light#333333
shadow-card#40506d
shadow-deep#182c59
Buttons
TypographyGoogle Font
Noto Sansbrand uses Canva Sans
display-hero

The quick brown fox

96px · 400 · -1.5px
display

The quick brown fox

64px · 400 · -0.64px
heading-section

The quick brown fox

72px · 400 · -0.72px
heading-sub

The quick brown fox

42px · 500 · -0.42px
heading-card

The quick brown fox

32px · 600 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Canva

Friendly design-for-all platform — proprietary Canva Sans with ss02/ss03 optical features, deep near-black canvas, elect…

Design
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Canva
Friendly design-for-all platform — proprietary Canva Sans with ss02/ss03 optical features, deep near-black canvas, electric violet primary, teal-to-purple gradient hero,…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewCanva just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignCanva
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Canva.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Canva tokens
export const theme = {
  primary: "#8b3dff",
  radius: "16px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Canva's interface plants its flag in an unusual position for a creative tool: it opens not on white but on a deep near-black canvas (), immediately communicating ambition rather th…

Canva · Design

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Spline97%

shared styles: Colorful, Dark, Gradient · same category: Design

Framer82%

shared styles: Colorful, Dark, Gradient · same category: Design

Viens-La79%

shared styles: Colorful, Dark, Playful · same category: Design

Public Squares76%

shared styles: Dark, Gradient · same category: Design

Tanaya Khadke75%

shared styles: Colorful, Dark, Playful · same category: Design

Active Theory73%

shared styles: Dark, Gradient · same category: Design