An async video messaging tool for teams. Fits video-collab SaaS, screen-record apps, async-comm tools, and team-software landing page designs.
Screenshot of the loom.com homepage.
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. These values are read from the Loom DESIGN.md in the Pass bundle, which carries all 16 color tokens, 17 type styles, the radius and spacing scales and the full component rules.
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.
About Loom
Home page hero
The home page opens with a clean white nav bar that has a starburst logo and the lowercase wordmark at the left. At the right are four dropdowns (use cases, for business, resources and company), a pricing link, a sign-in link, a solid indigo get-Loom-for-free pill and a pale lavender contact-sales pill. Below, the hero is a flat periwinkle block. The headline, "Loom on. Meetings off.," is set in a heavy deep-purple sans-serif, with a short line promising quick videos that update a team and cut down meetings by 29 percent. A large, rounded indigo button, "Get Loom for Free," follows. On the right, a product still shows a red now-recording bar over a purple desktop wallpaper, a standup checklist card with four unticked items, a red stop button and a circular webcam bubble of a smiling man in a green sweater.
Social proof and how it works
A line below says that more than 14 million people across 200,000 companies choose the product, over two scrolling rows of grayscale logos for software, carmakers, banks, retailers and media brands. A section titled "How Loom Works" has a one-line promise to explain anything clearly and skip the meeting. Three alternating rows each pair a rounded visual with a small colored icon, a heading and a short paragraph. The first, "Record your screen and camera," shows a dark purple calendar with a circular webcam bubble and a recording control bar, and says it works on desktop and mobile apps or a browser extension. The second, "Share with a link," shows a chat bubble with a link and a video thumbnail on lavender, and says recipients can watch without logging in or creating an account. The third, "Keep the conversation going," shows a screen recording of code with a webcam bubble and a floating great-point reaction, and mentions emoji reactions, time-stamped comments and interactive features.
Enterprise and testimonial
A large black rounded panel, "Loom for Enterprise," has a short line about communicating better at scale and a bordered indigo learn-more button. A stack of tilted screen cards, including a slide titled "Q1 Results Overview" with a circular presenter bubble and a vertical record control bar, glows in red and blue light. Beneath it, a carousel of pastel lavender and light-blue cards shows one testimonial at a time, a quote from a startup founder with a headshot and small arrow buttons at each side.
Closing and footer
A floating white pill with a shadow ends the page: "Loom works wherever you do." with an indigo download button and a small line listing four platforms. The footer is a pale lavender grid of six link columns: product, use cases, for business, downloads, resources and company. Social icons, privacy and terms links and a 2022 copyright line close the page.
Based on a single full-page screenshot of loom.com from 2022 (the footer shows a 2022 copyright), the only capture available for this entry. User counts, savings figures and the testimonial are the site's own claims and the site has very likely changed since. Check the live site before relying on specific details.
Related designs
