Productivity

loom.com

Best free online screen recording tool with advanced video editing and video storage trusted by over 22 million people and easy sharing from Loom.com.

17 colors13 componentsCharlie DisplayMulti-page · 12 screens

loom.com — Free screen recorder for Mac and PC | Loom

1 / 12 — Free screen recorder for Mac and PC | Loom

Preview

the generated design system

Switch between the rendered Visual preview and the Raw DESIGN.md.

Design tokens

Extracted from loom.com

Primary

#292A2E

#101214

#0000

#1868DB

#8FB8F6

#BF63F3

#48245D

#FF613D

Neutral

#FFFFFF

#000000

#E9F2FE

#F8EEFE

#6C6F77

#7D818A

#EFF0FF

#8C8F97

Semantic

#FFA900

Typography · Charlie Display

h244.1538px · 700

h163.2692px · 700

h181.9231px · 700

h332.5px · 700

h325.2692px · 700

Spacing

36px

112px

72px

16px

24px

32px

8px

56px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 2px 6px 0px, rgba(0, 0, 0, 0.06) 0px 5px 18px 0px, rgba(0, 0, 0, 0.1) 0px 24px 83px 0px

rgba(0, 0, 0, 0.03) 0px 4px 6.4px 0px, rgba(0, 0, 0, 0.05) 0px 3px 9.6px 0px, rgba(0, 0, 0, 0.07) 0px 8px 32px 0px, rgba(0, 0, 0, 0.1) 0px 32px 96px 0px

rgba(0, 0, 0, 0.25) 0px 15px 50px 0px

rgba(0, 0, 0, 0.04) 0px 2px 6px 0px, rgba(0, 0, 0, 0.06) 0px 5px 18px 0px, rgba(0, 0, 0, 0.1) 0px 24px 83px 0px

Components · 13