How Ritsbo Website Builder Works
A structured reference for how Ritsbo's AI website builder generates unique online stores from a niche description using intent-based synthesis.
Overview
Ritsbo's website builder generates a complete, unique online store from a niche description and store name. Unlike template-based builders, it uses an intent-based synthesis engine that designs each site from scratch. This document explains the architecture and build process.
Build Architecture
The builder consists of two main backend functions:
- buildTrialWebsiteV2 — orchestrates the full build: product selection, HTML generation, blog content, and CRM sync
- buildWebsiteHtml — generates the brand identity, design tokens, copy, and page sections
The result is stored as a TrialWebsite entity with page_sections, globalStyles, branding, and seo_meta.
Design Generation
The builder generates a brand identity from the niche using an AI model or a deterministic fallback:
| Design Element | Options | Source |
|---|---|---|
| Color palette | 360 hues × 4 roles | HSL-based algorithm or AI |
| Font pairing | 5 curated pairings | Font pairing library |
| Hero layout | 4 layout types | Layout library |
| Personality word | Niche-specific | AI or deterministic hash |
With 360 hues, 4 layouts, and 5 font pairings, there are over 7,200 possible visual combinations.
Copy Generation
The AI writes all site copy in the brand's voice:
- Hero headline and subtitle
- Call-to-action button label
- 3–4 value propositions
- About section text
- Product names and short descriptions
Copy is niche-aware — a fitness store gets motivational language, a beauty store gets radiance-focused language.
Page Structure
The builder generates the following pages:
- Home — hero, product showcase, testimonials, newsletter, footer
- Products — product listing with filters
- About — company story
- Contact — contact form and business info
- FAQ — frequently asked questions
- Shipping — shipping policy
- Returns — return policy
- Track Order — self-service order tracking
- Terms / Privacy — legal pages
Each page is stored as an array of section objects in page_sections.
Section Model
Each section follows a formalized structure:
| Field | Description |
|---|---|
| id | Unique section identifier |
| type | hero, product_showcase, testimonials, etc. |
| order | Display order within the page |
| visible | Whether the section renders |
| settings.content | Text, images, product references |
| settings.layout | Columns, alignment, spacing |
| settings.styles | Desktop and mobile style overrides |
| settings.animations | Entrance and scroll animations |
Global Styles System
The globalStyles object defines the site-wide design system:
- colors — primary, secondary, accent, background, text
- typography — headingFont, bodyFont, scale (small/medium/large)
- buttons — radius, defaultColor, hoverColor
A legacy branding field coexists and is kept in sync with globalStyles.
Built-in SEO
Every generated site includes SEO automatically:
- Meta titles and descriptions per page (
seo_meta) - Canonical URLs to prevent duplicate content
- XML sitemap (
generateProductSitemap) - robots.txt (
generateStoreRobots) - Schema markup for products and articles
- Image alt text for accessibility
Post-Build Editing
The generated site is fully editable through the visual editor:
- Drag-and-drop section reordering
- Inline text, color, and image editing
- Section addition and removal
- Product swapping from the catalog
- Custom CSS for advanced styling
- Version history with undo/redo
- Device-specific preview (desktop/mobile)
Frequently Asked Questions
Does Ritsbo use templates for website building?
No. Ritsbo uses an intent-based synthesis engine that designs each site from scratch based on the niche. With 7,200+ visual combinations, no two stores look the same.
How long does it take to build a website with Ritsbo?
Under a minute. The buildTrialWebsiteV2 function generates the brand identity, writes copy, pulls in products, and assembles all pages automatically.
Can I edit the site after it is generated?
Yes. The visual editor supports drag-and-drop section reordering, inline editing of text/colors/images, product swapping, custom CSS, and version history with undo/redo.
Does the generated site include SEO?
Yes. Every generated site includes meta tags, canonical URLs, XML sitemaps, robots.txt, schema markup, and image alt text — all generated automatically during the build.
Related Articles
Explore Ritsbo
External Resources & References
Launch Your AI-Powered Store with Ritsbo
Build, stock, and scale a complete e-commerce business in minutes — not months.