← Index

01 · Rebuilding Ceefax Using Codex

Ceefax.

Ceefax-inspired football interface shown in a retro desktop scene

Rebuilding Ceefax using Codex.

The project started as a Friday afternoon experiment inspired by classic BBC football teletext. I designed the interface in Figma using archived screens as reference, then used Codex to generate the full front end from the designs.

The goal was not to create a perfect recreation, but to capture the feeling of old-school football information systems through a modern browser experience.

The project used

Old-school football pages, rebuilt for the browser.

01

Retro Ceefax layouts and navigation

02

ModeSeven bitmap typography

03

Classic Ceefax colour palettes

04

Live BBC football RSS feeds

05

Live football data from Sportmonks

06

Tailwind and lightweight static site architecture

07

GitHub and Netlify deployment

Screens

News, fixtures, results and navigation.

The site includes fully functional football news, fixtures, results and league tables, alongside a live clock and auto-refreshing content to recreate the feeling of an always-on sports terminal.

Ceefax retro football news interface
Ceefax retro fixtures interface
Ceefax retro results interface
Ceefax retro navigation interface

Tables

The table gets its own channel.

Table views were given more space and hierarchy so league data could feel immediate, graphic and properly rooted in the Ceefax world.

Ceefax-inspired football league table screen

Live site

A live terminal with a few hidden tricks.

Tim Potter later expanded the project by connecting additional live API functionality and adding hidden easter eggs throughout the experience. Pressing the C key enables a CRT display effect, while typing page numbers reveals a retro pixel-style remote control for navigating between screens.

The project was mostly just a fun way to combine retro interface design, football and AI-assisted prototyping.

footi-retro.netlify.app →