Corrected Page Hierarchy
1. THE CONSULTING SALE — convert visitors into leads
2. BUILD LOGS AS PROOF — portfolio evidence the factory works
3. BRAND STORY — what Agentisable is, how it works, why it's different
§1 — Masthead — "What We Do For You"
The Masthead Sells Consulting, Not Labels the Factory
New Masthead Copy
AI agent teams that ship. You hire the Coach. We deploy the factory.
[Hire the Coach →] — primary CTA, amber background, visible in first viewport
The visitor's first question is "what can you do for me?" — not "show me your build logs." The masthead answers that immediately. Clarke's process: understand the message → decide how to communicate → execute with intention. The message is "we sell consulting."
Social Proof Line (below masthead)
Pipeline: warm | 8 projects shipped | $14.23 spent this week | 0 human interventions
§2 — Build Logs — "Here's What We Built"
The Portfolio (Not the Main Event)
Build log cards serve the consulting narrative. Each one answers: "What can the factory build for you?" They're evidence, not the main event.
┌─────────────────────────────────────────────┐
│ FIG. 1
│ FORENSIC LOG ANALYSIS TOOL
│ Built for a compliance team in 2h 7m.
│
│ Agent: amelia [tag]
│ The Coach assigned: amelia
│
│ Duration: 2h 7m Cost: $1.41
│ Retries: 5 LLM calls: 277
│ Tokens: 735K Stories: 10
│ Tests: 26 → 112
│
│ → Zero human intervention on the build.
└─────────────────────────────────────────────┘
§3 — How It Works
The Brand Story in 4 Beats
- You describe what you need.
- The Coach assigns agents from the factory.
- The factory builds it. You watch the build log.
- You get the result. Zero human intervention.
No sprints. No standups. No project management.
Just a factory that builds software while you sleep.
This is the report's methodology section. No illustrations, no diagrams. Monospace, numbered list, direct tone. Chimero's "conversation between maker and audience."
§4 — Trust
What You Won't See
- ✗No "AI-powered" badges. The agents use AI. The brand is about what they build.
- ✗No testimonials. The build logs ARE the testimonials.
- ✗No "trusted by" logos. The factory's output is the proof.
- ✗No sales calls. The CTA is direct communication.
§5 — Closing CTA
Hire the Coach (Page End)
Closing Copy
You've seen the factory work. You've seen the costs, the retries, the outcomes.
Now: what should we build for you?
[Start a conversation →] — amber CTA button
The page ends where it began: the offer. The copy references the build logs: "You've seen the factory work." This connects the evidence to the offer. No Calendly, no "book a call," no scarcity.
Visual DNA — Color
Tungsten Dark (Unchanged)
Color reserved for meaning. Amber = agents, green = success, red = failure.
Amber
#F59E0B — agents, CTA
Visual DNA — Typography
The Casting
Space Grotesk — The Announcer
AGENTISABLE
AI agent teams that ship.
IBM Plex Mono — The Factory's Voice
amelia scaffolded Django app with 5 forensic modules.
Duration: 2h 7m Cost: $1.41
Retries: 5 LLM calls: 277 Tokens: 735K
→ Zero human intervention on the build.
Mood Board
12 References
stateof.ai
State of AI Report
Data-forward editorial. Dark bg, monospace data, generous whitespace.
stateof.ai →swissincss.com
Swiss in CSS
Mathematical grid, modular spacing, typographic hierarchy.
swissincss.com →linear.app
Linear
Dark mode confidence, typographic hierarchy. Borrow discipline, not SaaS feel.
linear.app →fly.io
Fly.io
Technical writing as brand voice. Direct, respects intelligence.
fly.io →📸 Tungsten
Tungsten Filament
Amber glow in total darkness. The physical brand.
📸 Control Panel
Industrial Control Panel
Analog instruments. Data without decoration.
📸 Darkroom
Darkroom Safelight
Amber light in a dark working space. Factory = process.
📐 Grid
Müller-Brockmann Grids
Mathematical precision, asymmetric layout, hierarchy through scale.
🔤 IBM Plex
IBM Plex Specimen
Geometric, industrial, precise. Industrial DNA.
ibm.com/plex →📄 ACM/IEEE
Technical Paper Format
Numbered sections, figure refs. Decades of refinement.
Emotional Journey (Corrected)
Clarke's Framework Applied
ARRIVE"What can you do for me?" — masthead answers immediately
EVIDENCE"You've shipped 8 projects for $14?" — social proof line
PROOF"Real builds with real failures" — build log cards
UNDERSTAND"Oh, it's a factory, not a team" — How It Works
TRUST"They show everything — even the retries" — What You Won't See
DECIDE"I want this for my project" — Hire the Coach CTA
Rejected Themes
Why Not the Others
| Rejected | Why It Failed | What "The Engineering Report" Does Instead |
|---|
| Terminal | Cosplay — emulator, not publication | Monospace as voice, not costume |
| Blueprint | Too cold — loses agent warmth | Grid as subtle texture, not dominant |
| Brutalist | Trendy — neubrutalism overused | Borrows philosophy, not aesthetic |
| Newspaper | Retro-fetishist — dress-up | Borrows hierarchy, not serif fonts |
| Dashboard | Every other SaaS tool | Data IS content, not decoration |
Theory
Theoretical References
| Designer | Work | How It Informs This Direction |
|---|
| Müller-Brockmann | Grid Systems (1968) | 4px grid, modular spacing, Swiss discipline |
| Andy Clarke | Art Direction for the Web (2019) | Type as voice, emotional scale, editorial white space |
| Alla Kholmatova | Design Systems (2017) | Principles-based governance, perceptual patterns |
| Frank Chimero | The Shape of Design (2012) | Constraints as gifts, design as conversation |
| Dieter Rams | Ten Principles | "Less, but better"; function over decoration |