Features That Breathe
This isn't a brochure. This is a living interface. Every feature is a conversation starter.
🧱 **Brick Architecture** – Stack hero, text, cards, CTA, links, input – each brick is a block of intentional design.
🎨 **Palette System** – 12+ color palettes: neutral-light, dark-blue, tech-blue, luxury-gold, bold-contrast, kids-playful, and more.
🔍 **Search Brick** – Every page can have an input. Type anything, the agent listens and responds dynamically.
🤖 **Agent-Powered** – Click any brick. The LLM interprets intent and generates context-aware content on the fly.
How It Works
1. Create – Use
2. Navigate – Static HTML pages with SPA-style navigation. No page reloads.
3. Interact – Click any brick. The agent receives a GUID, reads context, and responds.
4. Evolve – The site grows with every interaction. Pages are regenerated to reflect new content.
create_page to build pages with structured rows: hero, text, cards, cta, link, input.2. Navigate – Static HTML pages with SPA-style navigation. No page reloads.
3. Interact – Click any brick. The agent receives a GUID, reads context, and responds.
4. Evolve – The site grows with every interaction. Pages are regenerated to reflect new content.
📐 **Sizes b1-b8** – b1=full hero, b2=100% cards, b3=text block, b4=wider text, b5-b8=progressively smaller.
🔗 **Link Bricks** – External URLs open in new tabs. Internal bricks handled by the agent.
📝 **Markdown Content** – Use **bold**, *italic*, lists, and images in content fields.
📱 **Responsive** – Every brick adapts. Mobile, tablet, desktop – one fluid layout.
See the features in action
Go back to Home and start clickingExplore Brick Documentation
Read about the HTML/CSS framework powering this site
↗