Beta update This website is still being built and refined. Some pages, links and content are still being updated.
Case Study Web Development WCAG 2.2 AA WordPress

The challenge

Four hard constraints.
One coherent solution.

The Allelectrix Archive presented a brief that was both technically demanding and aesthetically unusual. The client needed a working software archive for a niche engineering audience — and wanted it to look exactly like the era it was documenting: Windows 95, 1989, the dawn of consumer computing.

That meant building a modern, performant, accessible WordPress site that deliberately looks like it shipped with a 486 processor — while meeting WCAG 2.2 AA standards that didn't exist until 2023. The retro aesthetic couldn't come at the cost of usability or keyboard navigation. Every design decision had to serve two masters simultaneously.

On top of the design challenge, the archive had no existing web presence and no domain authority. Growing organic search traffic meant identifying queries with genuine intent and low competition, then producing technically accurate content that engineers would actually find useful — not just keyword-stuffed filler.

Project constraints
No page builder
100% hand-coded PHP + CSS
WCAG 2.2 AA required
Full keyboard & screen-reader support
89
Period-accurate 1989 aesthetic
Win95 chrome, CRT scanlines, DOS terminals
🔍
Rank for engineering queries
Zero DA, niche audience, low-competition KWs

Design system

The Design System

Colour palette

#1a1b20
Console Black
Main bg
#f2a30f
Amber Gold
Primary LED/accent
#cc6600
Rust Orange
Secondary accent
#008080
Win95 Teal
Window title bars
#c0c0c0
Silver Chrome
Bevels, buttons
#0000aa
BIOS Blue
Boot sequence

Typography

Aa
Archivo Black
Display headings
clamp(2rem, 6vw, 4.2rem) · weight 900 · —0.04em tracking
01 >_
Space Mono
Monospace / terminal
0.8rem body · code blocks · LED labels · CSS variable names
Blog & UI
Montserrat
Body copy & UI
0.95rem body · weight 400–700 · 1.8 line-height

CSS custom properties

style.css — :root
:root {
--font-display: 'Archivo Black', 'Arial Black', Impact, sans-serif;
--font-mono: 'Space Mono', 'Courier New', monospace;
--font-body: Montserrat, system-ui, sans-serif;
 
--col-bg: #1a1b20; /* Console Black */
--col-amber: #f2a30f; /* Amber Gold — primary LED */
--col-rust: #cc6600; /* Rust Orange — secondary */
--col-teal: #008080; /* Win95 Teal — title bars */
--col-silver: #c0c0c0; /* Silver Chrome — bevels */
--col-bios: #0000aa; /* BIOS Blue — boot screen */
 
--bevel-out: 2px 2px 0 #fff inset, -2px -2px 0 #808080 inset;
--bevel-in: -2px -2px 0 #fff inset, 2px 2px 0 #404040 inset;
}

Design in action

Built to Spec. Pixel by Pixel.

Allelectrix Archive — ART EPP-4 Software
File Edit View Help
C:\ALLELECTRIX> init --device=EPP4
Allelectrix Archive v1.0 — Software Preservation System
----------------------------------------------------
Loading device database... 900+ devices found
ART EPP-4 driver.............. [ OK ]
MQP200 PROMDRIVER............. [ OK ]
Parallel port (EPP mode)...... [ DETECT ]
----------------------------------------------------
C:\> _ (BIOS EPP mode required — see CMOS setup)
POWER
READ
WRITE
ALLELECTRIX ARCHIVE · INKFIRE
DOS
BOOT
Boot Animation
A timed DOS-style initialisation sequence fires on first load — sequential status lines scroll in, the cursor blinks, a scanline flicker effect plays. Pure CSS keyframe animations. Zero JS. Runs in under 3 seconds and never blocks the real content from loading.
WIN
95
Window Chrome
Every panel, widget, and section in the site uses the same title-bar + icon + label + close-button structure. The bevel effect — box-shadow: 2px 2px 0 #fff inset — is a single CSS custom property applied consistently across 40+ components.
CRT
CRT Scanline Overlay
A position:absolute pseudo-element with a repeating linear gradient sits over terminal areas, reproducing the characteristic horizontal line pattern of period-accurate CRT displays — without touching the underlying text or interactive content.

Content & SEO

Written for Engineers.
Optimised for Search.

The blog was built SEO-first — long-form, technically accurate posts targeting low-competition queries with genuine user intent. Not keyword stuffing. Content that engineers actually find useful when they're trying to get legacy hardware running.

Blog post 01

ART EPP-4 Download — Free Software & Driver Guide for Windows XP and 98

Supported chip families, BIOS EPP mode configuration, VPP voltage specs, Q-100µS programming algorithm, and step-by-step XP/98 driver setup.

Focus keywords
ART EPP-4 download EPP-4 driver Windows XP EPROM programmer software
900+
Chips
Low
Competition
Niche
Intent
Blog post 02

MQP200 Download — PROMDRIVER Software for Windows 98 and XP

MQP Electronics' UK educational heritage, Windows 98/XP/2000 compatibility, parallel port configuration, and complete PROMDRIVER installation walkthrough.

Focus keywords
MQP 200 download MQP200 PROMDRIVER MQP 200 Windows 98
UK
Origin
Low
Competition
High
Intent
SEO methodology
1
Identify
2
Research
3
Write
4
Optimise
Low-competition queries · Genuine user intent · Rank Math optimised · Semantic headings

Outcomes

Launched. Indexed. Performing.

100%
Custom Build
No page builder. Every component hand-coded.
2
Posts Live
Targeting low-competition engineering queries.
AA
Accessible
Full keyboard & screen-reader navigable.
0
Plugins
Share, search, counters — all PHP.

"The Allelectrix Archive demonstrates what's possible when a design concept is executed natively in code — every constraint pushed toward a solution engineered precisely rather than assembled from components."

Inkfire Limited · 2026

Want something like this?

Bring your next project to a disabled-led team that cares about clarity, accessibility, and delivery. Custom-built — no shortcuts, no compromises.

We’re proudly rated 5 stars by 50+ happy clients on Google with an average rating of 5.0

Explore our

Portfolio

All Work