Gather is a video-calling space that lets multiple people hold separate conversations in parallel, walking in and out of those.
Screenshot of the gather.town homepage.
Three ways to ship a Gather-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 Gather. All trademarks belong to their respective owners.
About Gather
Home page hero
The page is split into two halves, white at the left and a pale periwinkle at the right. A small molecule-like logo and the name sit at the top left of a light, gradient top bar. Four small links (desktop app in beta, pricing, jobs, updates, help center) and a heavily outlined launch button with a hard offset shadow sit at the right. The headline, "Better spaces to gather around," is set in a plain medium grey sans, with a small monospaced sentence about spending time with friends, coworkers and communities as in real life, and three outlined buttons stacked under it (office demo, live walkthrough, launch). The picture is a real video call grid of eight faces in a framed browser window with a hard shadow, perched on a pixel-art ferry with four little pixel characters and framed by pixel trees and a stone wall, so the screenshot and the game graphics share the same scene.
Four use-case bands
Four wide horizontal bands in different flat colors (mid blue, grey-lilac, green, periwinkle) stack on one another, each with a navy tab label in a bold monospaced face at one edge (office, conference, social, university). In each band a translucent slate card with a heading and a short list of items separated by white rules sits on one side, together with an outlined button for entering a demo. A bird's-eye pixel map sits on the other side with small white labelled callouts joined to dots: meetings and personal desks in an office plan, social rooms, a presentation area and poster sessions in a conference hall, an outdoor lounge, TV and games in a park, and a campus, lab classroom and office hours in a university. The map sides alternate left and right.
Customized, features and demos
A white block says the product has also hosted weddings, arcades, immersive theaters and hackathons, with two outlined buttons. Three rows follow. Each has a framed screenshot with a periwinkle hard shadow on one side and a grey title with a short line on the other: fluid video chat, objects and integrations (a list in which whiteboards is highlighted and podiums, games and videos are dimmed, with an underlined documentation link) and customizability, shown by a strip of pixel-art tiles. A "Try it yourself!" call to action has two pixel characters with speech-bubble faces and dark and blue slashes at both sides.
Social proof and footer
A staggered collage of white tweet cards with small shadows holds avatars, handles, short quotes and attached screenshots of the product in use, of different heights, so the grid looks like a pin board. The footer is a grey strip of small links separated by vertical bars, with a 2020 to 2021 copyright.
How the page reads
The page is playful and uses the product's own pixel graphics as its illustration. Hard offset shadows and monospaced labels tie the layout to the same retro game language.
Based on a single full-page screenshot of gather.town from 2021 (the footer shows a 2020 to 2021 copyright), the only capture available for this entry. Use cases, quotes and product claims are the company's own as shown on the capture date and may have changed. Check the live site for the current offering.
Related designs
