Keep. We designed and built Keep's website.

Client: Keep, a Reveriext product
Year: 2026
Services: Website design, UI implementation, and product films
Team: reDesign, with reLabs

The Keep website's first screen: "Your team. Your agents. One shared workspace." in white and amber over Keep's Home screen in the dark theme — The opening pairs the site's main message with a recorded product view, so visitors can see what the workspace contains.

The challenge

Keep is a project workspace for teams and their AI agents. The website had to explain that shared way of working, show the interface, and make the path to access clear.

We compared five working directions with the same content. The final site combines a dark setting for product films with a clear headline hierarchy, then gives Product, Pricing, Trust, and Access their own pages. This study covers the website; the app has its own design story.

Visit hykeep.app

Built routes in the recorded site snapshot: 13; Website verification, September 2026; includes utility routes.
Product films in the capture inventory: 9; Website capture documentation; recorded with local demo data.
Working design directions compared: 5; Archived prototypes; the selected system is documented separately.

The Keep home page's first screen on a phone — Warm sand separates the product chapters from the dark opening. The light-theme recordings introduce the records and controls within each chapter.

We paired large headlines with recorded product views.

Design direction

Keeping the content consistent made the five directions comparable. We chose record cards, dark surfaces, and scroll sequences from Cinematic Night, with large, tightly set headlines from Swiss System. The roles are distinct: the headline introduces the idea, and the product view supplies detail. Amber connects the website to the app.

The Cinematic Night prototype's first screen — Cinematic Night established the dark setting and record-card language used to frame the product films.

The Swiss System prototype's first screen — Swiss System established the headline scale and tight spacing. The amber cursor connects that opening to the rest of the site's emphasis.

The Product page: "Plan the work. Track it to delivery." over a requirement in the app — On Product, the headline states the task before the recorded interface shows a requirement and its delivery context.

Keep's plans on a phone: the monthly and annual switch over the Solo card — The billing switch sits above the plan cards. Each card groups its offer and price, with catalog checks supporting their maintenance.

The Editorial prototype: a large serif headline on white — Editorial, Warm Studio, and Workspace test different ways to introduce the same product. These archived directions show the alternatives; the final site uses the Cinematic and Swiss combination.

The Workspace prototype: the site laid out as an app shell with a sidebar and a board — Editorial, Warm Studio, and Workspace test different ways to introduce the same product. These archived directions show the alternatives; the final site uses the Cinematic and Swiss combination.

A shared opening connects the product, trust, and access pages.

The pages share a headline hierarchy and framing, while their content changes with the visitor's question: what Keep does, how it is offered, or how to get access.

The phone layouts keep the headline and page action near the opening. Sign in remains in the header, while the product media follows the narrower reading order.

Shared components carry the design into each page.

Design implementation

Recorded app films show the interface rather than a separate set of marketing mockups. The capture documentation records a refresh for the v2.6 interface; future product changes still need a new recording pass. Shared type, surface, and spacing rules carry the website across its pages. The documented accessibility and layout checks cover specific viewports; the visual system remains shared across the pages.

The closing example follows one request through a requirement, a task, a work session, and an update. It explains the relationship between records; it is a composed website sequence rather than a recorded transaction.

Credits

Team

reDesign Website design, UI implementation, and product films
reLabs Engineering and release

Built with

Astro, one React island
Cloudflare
Playwright for the films
Claude and Claude Code

Next project: Vulkro

Vulkro. A security website connecting illustrated attack paths with evaluation details