Demo visuals include blurred data or synthetic placeholders to protect customer privacy.
In his third week at Abnormal, Kevin Qi returned to AI Demo Hour with the next iteration of the AI-native abnormal.ai site. Building on the content pipeline from earlier episodes, Kevin extended the Site Builder agent to stand up new industry solutions pages on demand. They added visual patterns that keep partner brands vibrant against Abnormal's dark site. This is episode 9 of Code to Content.
Pages on Demand, Brands Intact
The site already had a working pipeline for pulling content into one place. What it still needed was a way to spin up new industry pages without rebuilding them from scratch, and a way to feature customer brands without muting them. Kevin's update tackles both at once.
Two frictions were holding the site back. Solutions pages for new industries took fresh structural work each time, even though every page shares the same skeleton. And the visual treatment that made Abnormal's own brand pop was washing out the customers it was meant to celebrate.
- Industry solutions pages for retail, education, and the public sector were empty, and standing up each one meant repeating page-structure work that had already been done elsewhere.
- The logo wall featured customer logos in muted, dark tones that blended with the background, making it hard for visitors to recognize the brands at a glance.
- Customer quote cards used the same muted styling, which obscured which company was speaking and flattened the partner's identity.
The pattern was the same in both cases. The site was treating every page and every customer as a one-off, and the work was scaling badly.
One Agent, Many Pages
Kevin's fix routes both problems through the same agentic pipeline. Contentstack serves as the single source of truth for customer content, including quotes and logos. A set of Markdown guideline files captures the golden principles for a solutions page: which sections appear, which modules belong where, and what the page should look like at a structural level. Those inputs feed the Site Builder agent, which generates the page. A validator then checks the output against the schema and the section rules before it goes live.
- Generates new industry solutions pages (retail, education, public sector, healthcare) from a single set of guidelines and Contentstack entries
- Filters customer logos and quotes by industry so each page reflects the right partners
- Adds a hover treatment on the logo wall that pops a light background behind each logo, restoring partner colors on contact
- Restyles customer quote cards with a light background and partner primary color, with the partner logo vibrant on the side
- Runs every generated page through a validator that checks sections, modules, and schema
"If we wanted to build out a new solutions page for a new industry tomorrow, we can easily spin that up and tie the dynamic content in, and just like that, push it out extremely fast. Well, with high quality." — Kevin Qi
The same pipeline that fills the page now also dictates how partner brands show up on it, so structure and brand stay in sync without per-page hand-tuning.
Why It Matters for Launch
For the web and marketing teams, the immediate value is throughput. Pages that were blank a week earlier now exist with the right logos, the right quotes, and the right structure, and the same pipeline can spin up the next industry the next day. For customers and prospects, the change is visual: the logo wall and quote cards now feature partner brands at full strength rather than fading them into the background.
- New industry solutions pages stand up in a day or two instead of a full rebuild
- Retail, education, public sector, and healthcare pages share a structure but pull industry-specific content
- Customer logos and quote cards now feature partner colors and identities, not muted placeholders
- Brand consistency holds across pages without manual styling on each one
- The Site Builder agent and validator extend cleanly to product pages and other surfaces
The next step is to finish the remaining industry pages and push toward the mid-June website launch, with the same pipeline ready to spin up new pages for additional moments on the calendar.
Built to Scale With the Brand
Peers called out what is easy to miss when you only watch the demo: threading the needle between Abnormal's brand and its largest customers' brands is genuinely hard, and Kevin landed it in his third week on the team. The hover pattern and the quote-card restyle look small, but they are the connective tissue that lets the site feature partner brands at full intensity without losing Abnormal's own visual identity.
The team also confirmed that the launch has firmed up into a hard mid-June deadline. With the Site Builder agent now producing industry pages on demand and the brand patterns codified, the work shifts from one-off page builds to running the pipeline at the cadence the site needs.
