01
The hero
The name over a synthwave sunset: dark outline, magenta depth, a sunlit face and glass glints, all from the five layer fonts.
Chunky 80s arcade lettering in stackable 3D layers · v1.000
HYPERSLABHYPERSLABHYPERSLABHYPERSLAB
Hyperslab is chunky arcade lettering for title screens, logos and HUDs: heavy blocks with clipped corners, a back plate, a 3D extrusion and glass glints, each in its own layer so you colour them like a cabinet marquee.
Type tester
Try it with your own words
All four layers are stacked here in the hero's Sunset colours, with its lit face. Try the other colour stacks, switch Effects off for flat layers, or the layers off for Solid.
24 px
Insert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UP
36 px
Insert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UP
56 px
Insert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UP
88 px
Insert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UPInsert Coin ★ 1UP
This preview covers Basic Latin and the arcade symbols. The full font adds every accented letter.
Features
Made for game interfaces
Heavy, chamfered 80s arcade letters in five layer fonts that stack into full-colour 3D titles, with tabular scores and arcade symbols.
01
Five fonts, one 3D title
Outline, Extrude, Face and Shine stack into full-colour 3D lettering with no effects or plug-ins; Solid merges face and depth for one-colour use.
02
Built from blocks
Heavy strokes with clipped corners and a squared-off rhythm, the lettering of cabinet marquees and attract screens.
03
Depth that points one way
The extrusion falls down and to the right on every letter and symbol, so a stacked word reads as one solid object.
04
Scores that hold still
Tabular figures keep every digit the same width, so scores, timers and combo counters tick over without jumping.
05
Arcade symbols
Hearts, stars, position triangles and arrows on their usual Unicode codes, drawn in every layer so they stack in colour too.
06
A true lowercase
Not just capitals: 375 characters per font, with a full lowercase and Western and Central European languages.
Built-in icons
Ten icons you can type
Each icon is a character in the font. Click one to copy it, then paste it into anything set in Hyperslab.
Arcade symbols
Case study
How Hyperslab was designed
Why I made it
Retro games love the look of an 80s marquee: thick letters, a hard 3D drop, a chrome glint. Getting it usually means a bevel and extrude plug-in in a design app, and then the look stops at the logo, because no engine can render those effects on a score counter.
I wanted the depth to be part of the type itself, so the same title works in Photoshop, on a website and inside Unity or Godot, and stays recolourable everywhere.
Depth as a layer
Hyperslab splits each letter into the parts an arcade sign is made of: a dark back plate (Outline), the side of the block (Extrude), the front (Face) and the glints of light on it (Shine). Each is its own font with the same spacing and kerning, so five copies of a word stack exactly.
Because the depth is drawn rather than generated, it always falls the same way, down and to the right, and it never clips into the next letter. Recolour the layers and the same title goes from sunset orange to a green 1UP or a red K.O.
Made for the HUD too
The letters are blocky but they stay readable small, and the figures come in a tabular set so scores and timers don't wobble as they count. The symbols a cabinet needs, hearts, stars, triangles and arrows, sit on their standard codes, so they type straight from a keyboard map.
When one colour is enough, Hyperslab Solid merges the face and depth into a single font for menus, buttons and smaller labels.
In use
02
As a title screen
A full arcade title screen with the logo, menu and prompts set in Hyperslab.
03
In the interface
Scores, lives, timers and combo counters in the HUD, with tabular figures keeping the numbers in place.
04
The layers
Outline, Extrude, Face and Shine on their own, then stacked into one letter.
05
Colour stacks
The same layers recoloured six ways: 1UP, Bonus, K.O., Level 2, Win and Combo.
06
The details
Tabular figures for scores, the arcade symbols, the one-colour Solid and the accented letters.
07
Character set
Upper and lowercase, figures, punctuation, symbols and the accented letters of Western and Central Europe.
08
The Photoshop template
The editable hero layout from the download, with live type layers ready for your own title.
What you get
Everything in the download
- Desktop fontsOTF for design apps, TTF for game engines and Windows, every layer.
- Web fontsWOFF2 for every layer, with unlimited web use.
- Game engine packBMFont bitmap fonts (.fnt, .xml and .png atlas) at 32, 64 and 128 px, for Godot, Unity, GameMaker, LibGDX, Phaser, MonoGame and Love2D.
- Photoshop templateAn editable hero layout with live type layers, layer effects and textures.
- README and licenseSetup tips for design apps, websites and game engines, and the full license.
License
Included with every purchase
- Games and apps, embedded for unlimited copies sold
- Logos, merch, videos, streams and print, with no limit on sales
- Installed on unlimited computers: yours, your team's and your company's
- Websites, with unlimited page views and traffic
Ask me first
- Products where customers type their own text in the font
- Resale in asset packs, templates or font collections
Please don't share or resell the font files. For anything the license doesn't cover, email me. idris.hadjoudj@gmail.com
FAQ
Before you buy
How do the 5 layers work?
Hyperslab comes as 5 layer fonts (Outline, Extrude, Face, Shine, Solid) with the same spacing and kerning. Type the same text in each, stack the copies exactly on top of each other and give each its own colour. Hyperslab Solid also works on its own in one colour.
Is the 3D look part of the font?
Yes. The depth is the Extrude layer and the glints are the Shine layer, so the 3D works anywhere you can stack text, including game engines. The gradient on the face in the marketing art is a colour fill on the Face layer, which you can add or leave flat.
Can I use Hyperslab in a game I sell, or for its logo?
Yes. Commercial use is included for games, apps, logos, merch, videos, streams and print, with no limit on sales, and you can embed the fonts and bitmap fonts in games and apps for unlimited copies. Products where your customers type their own text, and resale in asset packs, need an extended license: just ask.
Does Hyperslab work in Unity, Godot and GameMaker?
Yes. Use the TTF files in any engine that imports fonts, or the included game engine pack: BMFont bitmap fonts at 32, 64 and 128 px for Godot, Unity, GameMaker, LibGDX, Phaser, MonoGame and Love2D.
Can I use Hyperslab on my website?
Yes. WOFF2 web fonts are included, and web use is unlimited, with no cap on page views or traffic.
Which languages does it support?
Each font has 375 characters, covering Western and Central European languages.
Is Hyperslab part of a bundle?
Yes. Hyperslab is in The Complete Font Collection, every font I've made in one download.
Give your game a voice in Hyperslab.
Related reading
The thinking behind this
Longer write-ups on the craft this font draws on.
Game logo design: what makes one work, and what it costs
A game logo has a harder job than a company logo. It has to work as a Steam capsule, an app icon, a 16-pixel favicon, a watermark on a stream and a print on a t-shirt, often in one colour. Here is what makes one survive that, and what it costs to get.
Read the article
Typography for game UI: the part players read under pressure
Interface type is read in half a second, at speed, over moving artwork, by somebody who did not come to your game to read. Almost every rule that applies to a book works against you here, and the fixes are specific.
Read the articleMore fonts
Other typefaces for games
Font · $6.99
VoltwireVoltwireVoltwireVoltwireVoltwireVoltwireVoltwire, Bent glass neon tubes in seven stackable layers
A neon sign font of bent glass tubes: seven layer fonts stack into a glowing sign with a hot core, painted tube ends, two flicker sets and neon extras.
Font · $6.99
ClutchbladeClutchbladeClutchbladeClutchbladeClutchbladeClutchbladeClutchblade, Heavy slanted esports letters with blade corners, in stackable layers
A heavy, slanted esports font in seven layer fonts that stack into glossy two-tone team letters with a keyline, sticker outline, shine and esports extras.