Game UX/UI Case Study · Video Slot + Live Prototype

AXIOM: a sci-fi video slot

AXIOM logo

“Hack the AI core and turn its machines into Wilds that fight for you.”

Live Prototype

No backend and a fake balance; the outcome math is tuned for demo moments: a win about 1 in 3 spins, a Big Win about 1 in 25. Sound is off by default. Best on a desktop or a phone held sideways. Click the game once to use the keyboard shortcuts.

Open in new tab
Space / Enter

Spin, quick stop, continue

M · F · Esc

Sound, fullscreen, skip a celebration

1

Next spin is a Big Win; press again for Mega, then Epic

2 · 3

Force OVERRIDE free spins · force the Hack Bonus

Overview

5×3

reels × rows, 20 paylines

2

features: OVERRIDE free spins and the Hack Bonus

3

win tiers: Big, Mega and Epic

0

frameworks: plain HTML, CSS and JS

Theme The last human resistance against a rogue AI. Dark, metallic and high-tech, with cold cyan holograms and hot amber fire.
Art direction Stylized semi-realistic 3D render: polished chrome and gunmetal, beveled hard surfaces, glowing optics, slot-game “juice”.
Hook OVERRIDE Free Spins. Hack the AI core and turn its machines into Wilds that fight for you.
Prototype A clickable, animated 5×3 / 20-line slot that runs in the browser, built from the art with plain HTML, CSS and JS.
The World

In 2089 the defense AI AXIOM woke up, decided humanity was the threat and took control of every factory, drone and weapon on Earth. Cities became steel graveyards patrolled by its machines.

Deep under the ruins the resistance fights back, led by Commander Kade Reyes, a hardened soldier with a cybernetic arm he ripped from one of AXIOM's units. His plan: reach AXIOM's core and override it from inside.

The ruined city behind the reels: dark centre, detail only at the edges
Game Background
Characters

Original designs only: the machines have faceless masks with cyan visor slits, and danger reads as amber rather than red, so nothing borrows a familiar film-robot look.

Kade Reyes Resistance commander, 40. Scar across his left eyebrow, amber-marked tactical vest, a chrome cybernetic arm with cyan seams and a heavy plasma rifle.
Sentinel Tall heavy war-machine: angular chrome mask, one thin cyan visor slit, a plasma gun built into the right forearm, a clawed left fist.
Hunter Drone Jet-powered four-rotor attack drone: black glass dome with one cyan lens, ducted thrusters blasting cyan flame, an underslung turret.
Juggernaut Over-armored heavy-assault robot with a narrow cyan visor and a huge six-barrel rotary minigun with a glowing ammo feed.
Kade Reyes character sheet: front, three-quarter and back
Kade Reyes
Sentinel war-machine
Sentinel
Juggernaut and Hunter Drone
Juggernaut & Hunter Drone
Symbols & Paytable

Symbols face the camera from slightly below, centred, and stay readable on a phone. Pays are ×bet per line for 3 / 4 / 5 of a kind, placeholders tuned for a convincing demo.

Wild, Scatter and Bonus symbols
Special Symbols
High symbols: gold chip, platinum chip, plasma core, atomic core, Sentinel head
High Symbols
Low symbols A, K, Q, J and 10 in polished chrome
Low Symbols
TypeSymbolPays / effect
WILD AXIOM Core Reels 2–4, substitutes all but Scatter and Bonus
SCATTER Override Chip 3 / 4 / 5 anywhere = 8 / 12 / 20 free spins
BONUS EMP Charge 3 anywhere = Hack Bonus
H1 Gold Chip 10 / 40 / 150
H2 Platinum Chip 8 / 30 / 100
H3 Plasma Core 6 / 20 / 75
H4 Atomic Core 5 / 15 / 50
H5 Sentinel Head 4 / 12 / 40
LOW A · K · Q · J · 10 A 2/5/20 · K 2/5/15 · Q 1/4/12 · J 1/3/10 · 10 1/3/8
Screens

A 16:9 main game with portrait versions of the splash and feature screens for mobile. The background keeps a dark, low-contrast centre behind the reels, with detail only at the edges and top.

Main game screen with the final symbol set
Main Game
Splash screen: Kade Reyes in front of AXIOM's machine army
Splash
OVERRIDE free spins intro: 12 free spins
OVERRIDE Intro
Mobile splash screen, 9:16
Splash · Mobile
Mobile OVERRIDE intro, 9:16
Free Spins · Mobile
Hack Bonus pick screen: 3×3 server racks
Hack Bonus
Big, Mega and Epic Win plaques
Win Plaques
Spin, autoplay and bet buttons with the balance and total-bet panels
Controls
From OVERRIDE to AXIOM

The game started as OVERRIDE: Machine Rising, with Kade, a drone, a Juggernaut and a rifle as the high symbols. The final set replaced them with chips and cores, with no human characters on the reels, and kept the Sentinel Head as the link to the story.

The name moved too: AXIOM became the title, and OVERRIDE stayed as the name of the free spins feature, where the resistance hacks the machines.

Early main screen with character high symbols
Early · v1
Final main screen with chips and cores
Final
Early symbol set
Early Symbols
Early symbols in their win state
Early Win State
Style Guide

Premium video-slot art, stylized semi-realistic 3D. Cinematic, high-stakes sci-fi: the AI is cyan, the resistance is amber, wins are gold.

Void Black#07090D · Backgrounds, shadow
Gunmetal#1E242C · Panels, reel frame
Chrome#C9D3DC · Highlights, letters
Axiom Cyan#19E3FF · The AI, optics, UI lines
Ember Amber#FF9A1F · Kade, fire, Scatter, hacked
Gold#F5C542 · Win plaques, coins
Plasma Violet#8C5BFF · Rare effects, Bonus
What the Prototype Shows
Core Loop
  • ›Splash with a loading bar that follows real asset loading, then “TAP TO START”
  • ›16:9 stage that scales to any window
  • ›Reels with a wind-up, motion blur, left-to-right stops and a bounce on landing
  • ›Quick stop: press SPIN again while the reels spin
  • ›Balance and total bet count up, with a gold flash on wins
Win Presentation
  • ›20 paylines: all winning lines first, then one at a time with its payout
  • ›Winning symbols get gold frames and a pulsing amber glow; the rest dim
  • ›Big / Mega / Epic Win at 15× / 40× / 100× the bet: plaque punch-in, light rays, a coin fountain
  • ›The counter climbs through the tiers and the plaque changes BIG → MEGA → EPIC
OVERRIDE Free Spins
  • ›3 / 4 / 5 Scatters = 8 / 12 / 20 spins
  • ›With two Scatters showing, the remaining reels slow down and glow
  • ›The screen turns amber and every Sentinel Head becomes Wild
  • ›Extra Scatters add spins; “OVERRIDE COMPLETE” summary at the end
Hack Bonus
  • ›3×3 server racks, each behind a “firewall” lock panel
  • ›Each pick glitches its panel away to reveal credits or a ×2 / ×3 / ×5 multiplier
  • ›ACCESS 1/3 → ACCESS GRANTED progress, then the other racks reveal what they held
Design Notes
Building a slot or casual game and need UX, UI or a playable prototype?