An async video messaging tool for teams. Fits video-collab SaaS, screen-record apps, async-comm tools, and team-software landing page designs.
Design tokens
16 colors · 17 type stylesVivid blue (#1868db) primary on a pure white (#ffffff) canvas, set in Charlie Display for headlines and Charlie Text for body text. The highlights below are read from the Loom DESIGN.md in the Pass bundle, which carries all 16 color tokens, 17 type styles and the full component rules.
Colors
- Primaryvivid blue
#1868db - Secondaryviolet
#964ac0 - Canvaspure white
#ffffff - Surfaceoff-white
#f0f1f2 - Inkcool graphite
#292a2e
Type
- Charlie DisplayDisplayweight 700, 35 to 90px
- Charlie TextBodyweights 400, 600, 700, 15 to 19px
Radius
- xs 2px
- sm 12px
- input 14px
- md 24px
- lg 44px
- xl 72px
- full 9999px
Spacing
- hairline 1px
- xxs 6px
- xs 8px
- sm 12px
- md 16px
- lg 20px
- xl 24px
- xxl 32px
- section 40px
Components
- Primary button
button-primaryPrimary buttons fill with vivid blue (#1868db) and carry pure white (#ffffff) text, set in Charlie Text 16px at weight 600, with pill corners and 12px 24px padding.
- Card
pricing-tier-cardCards sit on pure white (#ffffff), with 12px corners and 24px padding.
- Navigation
nav-barThe top navigation runs on pure white (#ffffff) with cool graphite (#292a2e) links, set in Charlie Text 16px at weight 400.
Three ways to ship a Loom-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Loom. All trademarks belong to their respective owners.
Related designs
