The Stratryx website was built by an AI model.

The first version was designed using OpenAI's Codex model on medium-to-high intelligence settings. It produced a functioning static site: clean enough, structurally sound, and ready to serve its purpose. The articles loaded. The navigation worked. The offer page explained the service clearly.

But something was off about the look of it.

The visual system felt like a placeholder more than a brand. The page density was too high. The type hierarchy was hard to follow. The whitespace was an afterthought rather than a design tool. It worked as a website. It didn't work as a first impression.

So we rebuilt it — this time using Fable, Anthropic's storytelling-and-design-oriented model, at medium intelligence. Not a ground-up rebuild. Not a different product or a new content strategy. A focused redesign of what was already there.

The result was better than we expected, and faster than it should have been.

What the original site had right

Before talking about what changed, it's worth being clear about what Codex got right the first time.

The content was solid. The positioning was clear. The offer page, the articles, the about page, and the fit-call path all carried the right message. The site used good structural HTML. It avoided the common traps: no dark patterns, no empty hero copy, no inflated credential language.

Those things matter. A redesign that improved the visual system without disrupting the content was the goal — not a rewrite.

That framing turned out to be important. It meant Fable had a well-structured starting point to work from. The task wasn't "invent a website." It was: look at what exists, understand the design intent, and make it better.

What we asked Fable to do

The brief was specific:

  • Improve the visual hierarchy so readers know where they are on the page
  • Open up the whitespace so the site feels less compressed
  • Strengthen the type system so headings, body copy, and labels have more distinction
  • Refine the color use so the brand feels more grounded and less gray
  • Apply consistent design foundations across every page — not just the homepage

We did not ask Fable to rethink the messaging or revisit the offer structure. But copy and design are not fully separate things, and Fable treated them that way. Where a sentence was slightly awkward to read in a new layout, it got smoother. Where a heading was correct but not quite crisp, it got sharper. The meaning and the messaging stayed exactly the same — the refinements were at the level of rhythm and clarity, not argument.

That kind of copy editing is easy to overlook. It doesn't change what the site says. But it changes how confidently the site says it, and that matters when someone is deciding whether to trust a business they just found.

The goal was to take a working site and make it feel like it was designed with intention — visually and editorially. That is a different task than building from scratch. It requires the model to read existing structure, identify what is working, and improve what isn't — without undoing the parts that were already right.

What Fable changed

The most visible change was whitespace.

The original site stacked content too tightly. Sections ran close together. Lists packed too many items without enough breathing room. Long paragraphs sat back-to-back with no visual rest between them. The design communicated "we have a lot to say" rather than "we've thought carefully about what you need to read."

Fable opened that up. Not by removing content, but by adjusting spacing, section padding, and the visual rhythm between elements. The same words read more clearly with more room around them.

The second change was type. The original site used a single typeface for nearly everything. Fable introduced a more deliberate pairing: Bricolage Grotesque for headings and interface elements, Source Serif 4 for body text and editorial copy, and IBM Plex Mono for labels, markers, and technical detail. Each has a job. Together they make the page easier to scan without asking the reader to figure out where to look first.

The third change was the logo system. The redesign introduced the trail-map visual: a subtle path mark that reads as movement, progress, and considered direction — appropriate for a business that helps clients navigate AI adoption without losing their footing. The Quiet Bridge concept from the brand notes translated into something more considered and more specifically Stratryx.

The fourth change was color discipline. The original site used green as one of several roughly equal visual weights. The redesign sharpened that: deep ink for structure and type, one precise green as the primary identity color, a warm amber as a selective accent for evidence and emphasis. Less is doing more.

Why medium intelligence was the right setting

This is worth saying plainly.

Fable on medium intelligence produced a strong redesign because the task had clear constraints. The content existed. The structure existed. The brand direction existed — recorded in source-of-truth files that described the positioning, the visual principles, and the audience. Fable didn't need to make judgment calls on any of those things. It needed to execute on them.

Higher-intelligence settings are valuable when the task requires more open-ended reasoning: what should the business say, how should the offer be framed, which design direction makes sense before any constraints are defined. Medium intelligence, given a well-scoped problem and good reference material, often produces tighter, more focused output — less wandering, more direct application.

The practical lesson isn't "always use medium." It's: match the intelligence setting to the openness of the task. If the task is exploratory, give the model room to think. If the task is constrained and well-defined, a focused output at medium settings often outperforms an overly verbose output at high.

What the process actually looked like

There was no single dramatic prompt that produced the full redesign.

The process was iterative. Fable reviewed the existing HTML and CSS files, the brand notes, and the content structure. It proposed changes to the stylesheet. Those changes were reviewed, adjusted, and refined. Pages were checked one at a time — not because the model couldn't handle the full site, but because reviewing page-by-page made it easier to catch inconsistencies early.

The articles section was the most careful part. Article pages have their own layout demands: long-form body text, section headings that need to stay readable at sustained reading pace, markers and dates that need to recede without disappearing. Fable handled those layout requirements thoughtfully — not just applying the new type system mechanically but adjusting line length, paragraph spacing, and reading rhythm for sustained use.

The total redesign covered:

  • Every page of the website
  • A new unified stylesheet
  • A new favicon and SVG logo mark
  • Consistent nav and footer across all pages
  • Article layout refinements for reading comfort

The previous version was archived so nothing was lost. The redesign became the working website and deployed through the same SSH-based deployment path the project already used.

What this demonstrates about AI-assisted redesign

A redesign like this is not magic. It works because the conditions were right:

The content was already sound. Fable didn't have to invent meaning or guess at positioning. It had accurate, approved source material to draw from.

The design constraints were defined. Brand notes, color direction, typeface candidates, and visual principles were already documented. The model executed on a brief — it didn't write one.

Human review stayed in the loop. No page went live without review. The local preview gate — running a localhost server and reviewing each page before deployment — was kept active throughout. The model can produce excellent work and still make choices a human reviewer would catch. That review step isn't a lack of trust in the model; it's the way the workflow is designed.

The task matched the model. Fable's strength is design thinking, coherence, and craft — making output feel considered rather than generated. A website redesign is an appropriate problem for those strengths.

What businesses can take from this

If you have an existing website that works but doesn't feel right, you don't need to start over.

You need to clarify what you have, define what should change, and give the right model a constrained brief.

That brief doesn't need to be long. It needs to be accurate. What is the visual system trying to do? What feels wrong about the current design? What should stay exactly as it is? What does the audience need to feel when they land on the page?

Those questions — answered before the model starts — are what make the redesign useful rather than just different.

A model that can read existing structure, apply design principles, and refine iteratively with human review is a capable design partner. Not a replacement for a designer with deep brand context. But a fast, focused collaborator for the kind of refinement work that used to require a full design engagement.

The Stratryx website is better because of Fable. It's also better because we knew what we wanted before we asked.

That combination is what makes AI-assisted design work.

Stratryx helps Denver and Front Range service businesses identify, design, and implement AI-assisted workflows — starting with one well-defined workflow, keeping human review in place, and expanding only after trust is earned. If you're considering how AI tools can improve your own business processes, request a fit call to start the conversation.