
CSS Border-Shape, AI-Ready Information Architecture, and the Design Shifts We’re Implementing Now
This week’s web design developments cut across front-end CSS capabilities, AI-era design thinking, and the structural foundations that determine whether intelligent systems can actually use your content. Our team tracks these shifts closely because they directly affect the sites we build and maintain for clients across the UK. Here’s what matters and what we’re doing about it.
Key Takeaways
- A new CSS
border-shapeproperty is on the horizon, giving designers native control over complex element shapes without hacks or SVG workarounds. - Mission-driven digital studios like Studio Freight are proving that strategy-led design consistently outperforms decoration-first approaches.
- AI assistant interfaces don’t have to be text boxes — designers who rethink interaction models will build more effective products.
- Poor information architecture is the root cause of most AI failures, from hallucinations to bad retrieval. Fixing IA is now urgent.
- “Product sense” is a learnable, pattern-based skill — not an innate talent — and it directly improves design and development decisions.
Native CSS Shape Control Is About to Get Seriously Capable
CSS already gave us shape() and corner-shape. Now, as detailed in this deep dive on the upcoming border-shape property from CSS-Tricks, we’re looking at a single property that handles complex border geometries natively. No more stacking pseudo-elements or reaching for inline SVGs to get a notched card or a scooped section divider.
For our build team, this means cleaner markup, fewer image assets, and faster load times. We’re already prototyping with the spec so client sites can adopt it the moment browser support lands. Fewer dependencies, better performance — that’s the goal on every project.
Strategy-Led Design Outperforms Decoration Every Time
Studio Freight’s body of work is a case study in what happens when strategy drives creative execution rather than the other way round. Codrops’ profile on Studio Freight’s mission-driven approach highlights how aligning design decisions with organisational goals produces digital experiences that actually convert.
We apply the same principle. Every wireframe and layout decision in our process ties back to a measurable client objective — lead generation, booking flow completion, or content engagement. Design without strategy is art. Design with strategy is business infrastructure.
AI Interfaces Need Design Thinking, Not Just Text Fields
Most AI tools ship as chat boxes. Oleksii Hrzhehorzhevskyi challenges that default in Smashing Magazine’s exploration of digital design in the AI era. The argument is straightforward: different tasks demand different interaction patterns. A text prompt is not always the right interface.
We’re seeing this first-hand when integrating AI-powered features into client sites — chatbots, product finders, recommendation engines. The UX around these tools matters as much as the model behind them. We design the interaction layer with the same rigour we apply to navigation and forms.
Your Information Architecture Determines Whether AI Can Use Your Content
This one hits hard. As UX Collective’s analysis on IA as the foundation AI is starving for makes clear: hallucinations, wrong answers, and poor retrieval trace back to content that was never properly structured. AI doesn’t fix messy IA. It amplifies the mess.
For every client we onboard, we audit site taxonomy, heading hierarchy, internal linking logic, and content grouping before touching visual design. That structural work now has a dual purpose — it serves human users and makes content legible to AI systems, search engines, and large language models alike.
Product Sense Is a Skill, Not a Gift
Nielsen Norman Group defines product sense as the ability to predict which decisions will succeed based on patterns from experimentation. Their concrete definition of product sense and how to build it confirms what we’ve observed: teams that test, measure, and iterate make better calls than teams relying on instinct alone.
We build this into client engagements through A/B testing, heatmap analysis, and structured post-launch reviews. Product sense isn’t reserved for Silicon Valley PMs. It belongs in every web design project.
These five developments share a common thread: the gap between competent web design and exceptional web design is widening. Native CSS capabilities reward teams that stay current. AI integration rewards teams that build proper foundations. Strategy-led design rewards teams that ask hard questions before opening a design tool. We’re investing in all three.
Frequently Asked Questions
What is the CSS border-shape property and when can web designers use it?
The border-shape property is an upcoming CSS specification that allows developers to define complex border geometries natively, without SVG or pseudo-element hacks. Browser support is still emerging, but teams should prototype with it now to be ready for adoption.
How does information architecture affect AI performance on a website?
Poorly structured content causes AI systems to hallucinate, retrieve wrong answers, and misinterpret page context. Clean taxonomy, logical heading hierarchies, and consistent internal linking give AI tools the structured data they need to return accurate results.
Why does strategy-led web design convert better than decoration-first design?
Strategy-led design ties every layout, interaction, and content decision to a measurable business objective. This focus ensures the site guides users toward specific actions rather than simply looking attractive without purpose.
What is product sense and how do web designers develop it?
Product sense is the learned ability to predict which design and product decisions will succeed, built through repeated experimentation and pattern recognition. Web designers develop it by running A/B tests, reviewing analytics, and conducting structured post-launch evaluations.





