LogicStar
AI
—Designing
for
code
that
fixes
itself
Homepage design and development plus a full pricing page for acutting-edge AI bug detection and autonomous code maintenanceplatform backed by ETH Zurich and Northzone.

Client
LogicStar
Industry
AI / Developer tools
Scope
Homepage + Pricing
My role
Design & Development
WEBSITE
Live preview
01 — Challenge
Communicating autonomous AI to a skeptical developer audience
LogicStar AI sits at a genuinely hard intersection: a deeply technical product — autonomous bug detection, root cause tracing, AI-generated pull requests — that needed to feel credible to senior engineers and approachable enough for engineering managers to champion internally.
The product's research credentials are exceptional (NeurIPS, ICML, state-of-the-art benchmarks), but leading with academic papers risks losing the buyer who just wants their on-call rotation to stop waking them up at 3am. The homepage had to hold both audiences without compromising either.
On top of that, the pricing page needed to clearly communicate a nuanced three-tier model — including add-ons, per-project pricing, and an enterprise VPC tier — without overwhelming visitors or obscuring the free trial entry point.
.png)

02 — Design Process
Clean and technical — engineered for trust
The visual direction was clean white with confident, modern typography and carefully restrained use of color — a palette that signals precision rather than startup hype. Developer-focused products live and die by credibility, and every aesthetic choice reinforced that.
The homepage was structured around a clear narrative arc: here is the problem (bugs hiding in your data), here is why existing tools miss them, here is exactly how LogicStar finds and fixes them, and here is the research that proves it works. Custom UI diagrams — the code graph map, the bug trace flow — were designed to make abstract AI concepts visually concrete without dumbing them down.
The research section was a particular design challenge: presenting five academic benchmarks with hard statistics in a way that felt like a product strength, not a PhD thesis. Each stat was distilled to a single headline number with a one-line finding, letting visitors absorb credibility quickly and click through for depth.
.png)
.png)

03 — Technical Development
Two pages, one cohesive system
Both pages were built in Webflow with shared components and consistent design tokens — ensuring that updates to typography, color, or spacing propagate across the whole product seamlessly.
The homepage hero features animated text that cycles through bug types, built with Webflow Interactions to draw attention without relying on heavy JavaScript.
Scrolling logo marquee for the "Trusted by Industry Giants" social proof strip — Sequoia, Spotify, Google DeepMind, Northzone — implemented as a smooth CSS animation loop.
Tabbed feature sections let visitors drill into the specific value proposition for their role (developer, team lead, enterprise) without leaving the page.
The pricing page includes a monthly/annual toggle that recalculates all plan prices — built with clean Webflow interactions and no external dependencies.
Starter
$ 200 / m o
For small teams surfacing the bugs that matter most.
What’s Included
20 bugs / month
1 project
Upto 2 sources
Standard Support
Pro
🔥 Most Popular
$ 400 / m o
For growing teams managing
multiple services.
multiple services.
What’s Included
60 bugs / month
3 projects
Unlimited signal sources
Priority support
Starter
$ 200 / m o
For small teams surfacing the bugs that matter most.
What’s Included
Custom bugs / month
Custom projects
Dedicated VPC instance
SLA + onboarding
.png)

04 — Results & Impact
A platform that matches the ambition of the product
3M+
Developers trust the team's prior work
84%
State-of-the-art on
SWT-Bench
95%
Reduction in mean time
to resolution
"Over 90% of incidents had early warning signals — alerts and warnings that
were dismissed because nobody connected them to what was actually
breaking. LogicStar does."
were dismissed because nobody connected them to what was actually
breaking. LogicStar does."
"Over 90% of incidents had early warning signals — alerts and warnings that were dismissed because nobody connected them to what was actually breaking. LogicStar does."
— LogicStar AI, product positioning
The site now serves teams ranging from Y Combinator startups to enterprise organisations sending over 50 million emails per month — a scale the design and architecture was built to support from day one.


06 — Tools & Technologies
Stack
Webflow
Webflow Interactions
Custom CSS
CSS Animations
JavaScript
Custom UI Diagrams
Responsive Design
Pricing toggle logic

portfolio
Recent projects
Gym Party
Webflow
Responsive
Interactions
CMS
Neighbourhood Naas
Webflow
Responsive
Interactions
CMS
LA JOLLA
Webflow
Responsive
Interactions
CMS
logicstar
Webflow
Responsive
Interactions
CMS
SarA Care
Webflow
Responsive
Interactions
CMS
Here For You Miami
Webflow
Responsive
Interactions
CMS

.avif)


