Beta update This website is still being built and refined. Some pages, links and content are still being updated.

PortfolioWeb Branding

Web Branding18 May 2026

Allelectrix Archive.

A hand-coded Win95 time capsule built for working engineers.

The Allelectrix Archive preserves EPROM programmer software that engineers still depend on to work with vintage hardware — arcade boards, PLCs, CNC controllers, automotive ECUs. Inkfire built the site as a fully custom WordPress child theme with a hand-crafted 1989-era visual language, a CSS token design system, WCAG 2.2 AA accessibility compliance, and SEO-first blog content targeting the exact queries engineers search when they need this software.Not a single page builder widget. Not a theme template. Every template file, component, and animation is hand-written PHP, CSS, and vanilla JavaScript — giving us pixel-precise control that no drag-and-drop tool can deliver.
Worked on this
Win95Design era
900+EPROM chips
2.2 AAWCAG level
2SEO articles
0Page builders
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

1 for Case Study: Adaptive Motorhome Hire logo next to a mockup of their website on a laptop
An accessibility-first booking and travel platform for Adaptive Motorhome Hire, designed to make complex vehicle information clearer and help customers move from uncertainty to confident travel planning.
5 min read937 words
Designed To Benefit Everyone 1 for Case Study: Transforming a community project into a scalable, accessible digital platform
Inkfire transformed Reasons to Stay into a scalable, accessible custom WordPress platform with a structured Letter Engine, moderation workflows and infrastructure built for a growing community.
5 min read886 words
Access Your Life
A secure, accessible and easy-to-manage digital platform rebuilt around trust, lived experience and the needs of a disabled-led team and community.
4 min read721 words
Allelectrix Archive Case Study
Custom WordPress child theme built with a hand-crafted 1989-era Win95 aesthetic. Bespoke PHP templates, full CSS design system, WCAG 2.2 AA accessibility, and SEO-first blog content targeting long-tail engineering queries for vintage EPROM programmer software.
4 min read770 words