Building a Business Website with Relume Publish
Lukas Margeriego watch the original →
the gist
Relume Publish automates the web design workflow by converting briefs, URLs, and assets into editable wireframes, design systems, and live sites, managed by specialized AI agents.
The Workflow: From Context to Live Site
Relume Publish streamlines the transition from a business brief to a functional website by utilizing a structured, multi-stage pipeline. The process begins by ingesting existing URLs, markdown-based briefs, and image assets into a centralized project dashboard. The AI generates a sitemap, which serves as the informational blueprint for the site. Users can manually add or delete sections, or prompt the AI to suggest structural improvements for specific pages.
Wireframing and Component Management
Once the sitemap is defined, the tool generates editable wireframes. Users can swap out components from Relume’s library, which contains thousands of pre-built elements. The side structure panel allows for granular control over layers, enabling users to collapse sections, toggle visibility of specific elements, and replace nested components like hero sections or navigation bars. This phase focuses on layout and information architecture before applying visual styles.
Design Systems and Branding
After finalizing the wireframe, the design tab allows for the application of global themes. Users can define brand assets, including logos for light and dark modes, typography, and color schemes. The system provides deep customization for UI elements, such as border radii, stroke weights, button padding, and input field styles. Changes made at the global level propagate throughout the site, ensuring visual consistency.
AI Agents and Site Health
Post-publication, the platform includes an analytics dashboard and a suite of AI agents to handle site maintenance. These agents perform tasks such as generating favicons, identifying broken links, and replacing placeholder text. Specialized agents—including a copywriter, strategist, and designer—can be invoked to refine specific sections, such as rewriting headers for better conversion or adjusting layout alignment.