Productivity

Loom

loom.com17 colors13 componentsCharlie DisplayMulti-page · 12 screens

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.

Remix Visit

Remix

Visit

12 screenshots captured· loom.com

1 / 12 · Free screen recorder for Mac and PC | Loom · Above the fold

Preview

the generated design system

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

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

Warning

Typography · Charlie Display

h244.1538px · 700 · 50.4678px

h163.2692px · 700 · 65.104px

h181.9231px · 700 · 81.9231px

h332.5px · 700 · 41.3725px

h325.2692px · 700 · 33.6839px

Typography · Charlie Text

h412.6154px · 700 · 18.3554px

span15px · 400 · 22.5px

button16px · 400 · 24px

small12.6154px · 400 · 18.3554px

body26.6538px · 400 · 40.6205px

body16px · 700 · 24px

input14px · 400 · 21.98px

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

Remixes of Loom

Latest remixes

No public remixes yet. Be the first to make one.

Remix it