The Portals website: the product itself becomes the marketing. Real screens, real components and a full-width footer with a looping generative shine.

Portals is a creative workspace, and its website is built the same way: the brand system, the colour palette and the typography come straight from the product, so the site feels like the app before you ever log in. Instead of stock mockups, the page features real product screens, screen recordings and the actual components from the app, including the AI-native touches: subtle generative effects and the looping shine that runs edge to edge through the footer.

The side navigation is the same component the app uses. What you build with is what the site advertises.

A screen recording walks through the agent workspace: MCP connections and skills in action, straight from the product. The agent stack section is built with the actual art components from the app, so every element on the page is a real product component.

The compare view shows related components in the design and motion editor, making the tool's core workflow visible at a glance. Connection cards present the integrations: MCP servers and multiplayer sessions, two of the features that set Portals apart.

A bento grid lays out the AI features. The AI theme runs through the site's effects too, always subtle, always in service of the product. Roadmap cards show what comes next.

The centrepiece. User-made generations flow through a swipe-card feed, with a waterfall gallery underneath. Clicking any piece opens a lightbox to preview the work and see how it was made.

The site ends edge to edge with a looping generative shine moving through the footer text, the same AI-native touch that runs through the product.

Let's talk about what we can build together.