AfriGlyph
An AI-generated one-pager, rebuilt as a real site.

AfriGlyph sells a reactions API to African fintechs: one call after a payment succeeds returns culturally specific celebration art for the success screen. The founder had got a long way building the landing page with AI, but it was one 174KB HTML file. I rebuilt it as an Astro site, did the mobile layout properly, rewrote the copy and added the API code block.
He'd got further on his own than most people do. The page looked decent on a desktop. It was also a single file with every style inline, no mobile navigation at all, two media queries, no skip link, no structured data and no share image.
I rebuilt it as an Astro project: a layout, eleven components, a token file, one small script. Then the responsive work, which is most of what was actually wrong. A real hamburger menu with focus handling, a scroll lock and escape to close. Two media queries became six, including a tablet band that had been falling apart. Reduced motion is respected now, so the reveal animations and the glyph carousel simply don't run if you've asked for that.
The code block on the hero is mine. It shows the real POST and the real response, which for a developer-facing API is most of the pitch, and there wasn't one before.
Then a pass over the copy: the hero, how it works, the in-app section, the pilot offer. It deploys from GitHub Actions to Pages on his domain.
What it does
- Rebuilt a single 174KB HTML file as a component-based Astro site
- Real mobile nav: focus handling, scroll lock, escape to close
- Two media queries became six, including a tablet band that was broken
- Added the request and response code block on the hero
- Skip link, JSON-LD, canonical and share images that were all missing
Screens



