Bring in design system handoff: Space Grotesk favicon, lime deltas, honest benchmarks - #39
Open
danieljohnmorris wants to merge 4 commits into
Open
Bring in design system handoff: Space Grotesk favicon, lime deltas, honest benchmarks#39danieljohnmorris wants to merge 4 commits into
danieljohnmorris wants to merge 4 commits into
Conversation
The previous favicon rendered the wordmark in system-ui, which the design system handoff flagged as a brand bug. Move it onto Space Grotesk 700, amber on near-black. Adds @fontsource/space-grotesk and a one-off scripts/generate-favicons.mjs that drives satori + resvg to keep the raster sizes in sync with the SVG.
Pulls in --ilo-lime and --ilo-ok from the design system handoff. Reserved for positive-delta indicators only (fewer tokens, +x faster), not a second brand colour. Light theme uses a darker lime so contrast holds on warm-neutral page bg.
Wires the new positive-delta semantic into the homepage. The -67% / -78% stats now read in lime; the type-verified check stays amber (it's a fact, not a delta). The comparison code-badge accent moves to lime for the same reason. Adds an "Honest benchmarks" section between the manifesto principles grid and the final CTA, lifted from reference/benchmarks.md. The framing comes from the design handoff: three engines, none of them fastest, that's not the metric. Counters the self-congratulatory benchmark tables newer entrants tend to lead with.
Hero now uses the two-column layout from the design system handoff: kicker, headline with amber-tinted last word, subhead, single-line install command with copy, Get Started + Read the manifesto CTAs, and a side comparison of Python vs ilo with the 0.33x receipt baked in. Reframes the lead around first-of-kind positioning: ilo is the first language built from the ground up for AI agents to read and write, not just a token-efficient syntax. The subhead reaches past prefix notation into the agent-native surface area: --json on every CLI, FixSafety on every diagnostic, the six manifesto principles every feature is measured against. The standalone -67% / -78% / verified stats band goes away (the 0.33x receipt is now in the hero), and the obsolete install tab JS is replaced by a single copy-to-clipboard for the curl line. The six principles section picks up the bundle's kicker + headline + copy. Mobile collapses the hero to a single column with the comparison underneath, so the proof point still sits within thumb reach.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the relevant net-new pieces from the ilo Design System handoff bundle (from claude.ai/design). The bundle's homepage proposal was less developed than the current
index.astro, so I cherry-picked the concrete improvements rather than swapping the whole page.Three changes, three commits:
Favicon → Space Grotesk
The old favicon rendered
iloinsystem-ui, which the chat transcript flagged as a brand bug. Now Space Grotesk 700, amber on near-black, regenerated at every size off a singlescripts/generate-favicons.mjsthat drives satori + resvg.Lime as a positive-delta semantic
Adds
--ilo-lime/--ilo-oktoglobal.css. Reserved for positive-delta indicators only (-67% tokens,-78% chars), not a second brand colour. Light theme gets a darker lime so contrast holds.Honest-benchmarks section
New section between the manifesto principles grid and the final CTA. Numbers lifted verbatim from
reference/benchmarks.md. Framing from the design handoff: Three engines. None of them is the fastest. That's not the metric. Direct counter-positioning to the self-congratulatory benchmark tables newer entrants lead with — answers the original brief of differentiating from zerolang.ai.The hero stats also flip from amber to lime on the two delta numbers (the
type-verifiedcheck stays amber: it's a fact, not a delta).Test plan
npm run buildcleanastro preview: stats render lime, type-verified check stays amber, benchmarks section renders with ilo rows highlighted, layout holds at narrow widthsFollow-ups
#6fa61a); replace with an authored brand value if/when one existsscripts/generate-favicons.mjsis a one-off; no CI hookup