My 88×31-pixel buttons!

Introduction

88×31-pixel buttons created by me with GNU Image Manipulation Program. I don't reserve any rights to them, but the buttons based on others' work may come with their own licenses.

Unless otherwise mentioned, the buttons only use colours from the 216-colour web-safe palette (Wikipedia). They are more likely to display correctly on ancient computers.

You can also download all the buttons: 88x31-by-qalle.zip (includes this page; around 100 kilobytes).

Pride

Button Description Based on
6-colour rainbow rainbow Wikimedia Commons
6-colour rainbow, 5 chevrons (black, brown, cyan, magenta, white), purple circle on yellow intersex-inclusive progress pride Wikimedia Commons
purple circle on yellow background intersex pride Wikimedia Commons
5 horizontal stripes: light blue, pink, white, pink, light blue transgender pride Wikimedia Commons
5 horizontal stripes: light blue, pink, white, orange, dark purple transbian (transgender lesbian) pride Wikimedia Commons (by LostAndReluctant)
4 horizontal stripes: yellow, white, purple, black nonbinary pride Wikimedia Commons
5 horizontal stripes: red, orange, white, light purple, dark purple lesbian pride Wikimedia Commons
5 horizontal stripes: dark green, light green, white, light blue, dark blue gay men pride Wikimedia Commons
3 horizontal stripes: thick red, thin purple, thick blue bisexual pride Wikimedia Commons
3 horizontal stripes: red, yellow, blue pansexual pride Wikimedia Commons
4 horizontal stripes: black, grey, white, purple asexual pride Wikimedia Commons
5 horizontal stripes: dark green, light green, white, grey, black aromantic pride Wikimedia Commons
gold heart on white background and 3 horizontal stripes: blue, red, purple polyamory pride Wikimedia Commons
black, blue, white, blue and black horizontal stripe and a red heart leather, latex and BDSM pride Wikimedia Commons
green, white and purple horizontal stripes and a black drawing consisting of a circle, a triangle and other lines nonhuman (therian, otherkin) pride Wikimedia Commons
black Greek capital theta and capital delta on top of each other, in a white circle, on green background therian pride Tumblr
overlapping sine waves in green, white and purple speciesqueer Pi on BlueSky
diagonal red, yellow, white, blue and green stripe on grey disability pride Wikimedia Commons
rainbow-coloured infinity symbol on grey background neurodivergent pride – 24-bit colour, not web-safe Wikimedia Commons (by unknown, NinjaFerretArt, Intervex)
rainbow-coloured infinity symbol on grey background neurodivergent pride – 64 colours, not web-safe Wikimedia Commons (by unknown, NinjaFerretArt, Intervex)
rainbow-coloured infinity symbol on grey background neurodivergent pride – web-safe Wikimedia Commons (by unknown, NinjaFerretArt, Intervex)
rainbow-coloured infinity symbol on yellow background autism pride – 24-bit colour, not web-safe a flag by Autistic Empire
rainbow-coloured infinity symbol on yellow background autism pride – 64 colours, not web-safe a flag by Autistic Empire
rainbow-coloured infinity symbol on yellow background autism pride – web-safe a flag by Autistic Empire
a black and white 4-legged creature on yellow background autism creature a drawing on Reddit
a black and white 4-legged creature with a trailing 6-colour rainbow on yellow background autism creature with trailing rainbow a drawing on Reddit
a black and white 4-legged creature in front of horizontal rainbow stripes autism creature with horizontal rainbow stripes a drawing on Reddit
a black and white 4-legged creature in front of a circular rainbow gradient autism creature with circular rainbow a drawing on Reddit
outline of butterfly, rainbow-coloured, grey background ADHD pride – 24-bit colour (not web-safe) Wikimedia commons (by ADHDGrrl)
outline of butterfly, rainbow-coloured, grey background ADHD pride – web-safe Wikimedia commons (by ADHDGrrl)
the head of a white blushing and smiling cat on yellow background boykisser a drawing on SilvaGunner Wiki
the head of a white blushing and smiling cat in front of horizontal rainbow stripes boykisser with horizontal rainbow stripes a drawing on SilvaGunner Wiki
the head of a white blushing and smiling cat in front of a circular rainbow gradient boykisser with circular rainbow a drawing on SilvaGunner Wiki
the head of a black and red smiling dragon on yellow background Bad Dragon Bad Dragon logo on Wikipedia
the head of a black and red smiling dragon in front of horizontal rainbow stripes Bad Dragon with horizontal rainbow stripes Bad Dragon logo on Wikipedia
the head of a black and red smiling dragon in front of a circular rainbow gradient Bad Dragon with circular rainbow Bad Dragon logo on Wikipedia
a teal and white shark on orange background IKEA Blåhaj (blue shark) IKEA – BLÅHAJ product photo
a teal and white shark in front of the transgender flag IKEA Blåhaj (blue shark) and the transgender flag IKEA – BLÅHAJ product photo

Pronouns

Third-person pronouns in retro PC fonts. See also Appendix: fonts used. Source for neopronouns: Pronouns.page. Some buttons have variants with transgender, intersex or nonbinary background.

CGA

Pronouns in the CGA font. All texts have the authentic 5:12 pixel aspect ratio except for “they/them” which has been squished horizontally.

she/her with transgender flag background she/her with intersex flag background she/her she/they with transgender flag background she/they with intersex flag background she/they with nonbinary flag background she/they they/she with transgender flag background they/she with intersex flag background they/she with nonbinary flag background they/she

he/him with transgender flag background he/him with intersex flag background he/him he/they with transgender flag background he/they with intersex flag background he/they with nonbinary flag background he/they they/he with transgender flag background they/he with intersex flag background they/he with nonbinary flag background they/he

they/them with transgender flag background they/them with intersex flag background they/them with nonbinary flag background they/them they/it it/they it/its

ae/aer ey/em fae/faer xe/xem ze/hir ze/zir

EGA

Pronouns in the EGA font. Texts with seven characters or less (“she/her” etc.) have the authentic 35:48 pixel aspect ratio; the rest have been squished horizontally.

she/her with transgender flag background she/her with intersex flag background she/her she/they with transgender flag background she/they with intersex flag background she/they with nonbinary flag background she/they they/she with transgender flag background they/she with intersex flag background they/she with nonbinary flag background they/she

he/him with transgender flag background he/him with intersex flag background he/him he/they with transgender flag background he/they with intersex flag background he/they with nonbinary flag background he/they they/he with transgender flag background they/he with intersex flag background they/he with nonbinary flag background they/he

they/them with transgender flag background they/them with intersex flag background they/them with nonbinary flag background they/them they/it it/they it/its

ae/aer ey/em fae/faer xe/xem ze/hir ze/zir

VGA

Pronouns in the VGA font. Only the buttons with six characters or less (“he/him” etc.) have the authentic 20:27 pixel aspect ratio; the rest have been squished horizontally.

she/her with transgender flag background she/her with intersex flag background she/her she/they with transgender flag background she/they with intersex flag background she/they with nonbinary flag background she/they they/she with transgender flag background they/she with intersex flag background they/she with nonbinary flag background they/she

he/him with transgender flag background he/him with intersex flag background he/him he/they with transgender flag background he/they with intersex flag background he/they with nonbinary flag background he/they they/he with transgender flag background they/he with intersex flag background they/he with nonbinary flag background they/he

they/them with transgender flag background they/them with intersex flag background they/them with nonbinary flag background they/them they/it it/they it/its

ae/aer ey/em fae/faer xe/xem ze/hir ze/zir

Pixel-perfect versions

The same buttons as above, before they were horizontally stretched to their authentic aspect ratio. You probably don't need these unless you're creating new buttons yourself.

all pronoun buttons in all fonts

Microchips

All chips are 40-pin DIPs unless otherwise mentioned.

Button Description Based on
a chip with the MOS Technology logo MOS Technology MOS logo on Wikimedia Commons
a chip with the MOS Technology logo and the text 'inside' MOS Technology inside MOS logo on Wikimedia Commons
a chip with the Zilog logo Zilog Zilog early logo on Wikipedia
a chip with the Zilog logo and the text 'inside' Zilog inside Zilog early logo on Wikipedia
a 40-pin chip with the Motorola logo Motorola – 40 pins Motorola logo on Wikimedia Commons
a 64-pin chip with the Motorola logo Motorola – 64 pins Motorola logo on Wikimedia Commons
a 40-pin chip with the Motorola logo and the text 'inside' Motorola inside – 40 pins Motorola logo on Wikimedia Commons
a 64-pin chip with the Motorola logo and the text 'inside' Motorola inside – 64 pins Motorola logo on Wikimedia Commons
a chip with the Bad Dragon logo Bad Dragon Bad Dragon logo on Wikipedia
a chip with the Bad Dragon logo and the text 'inside' Bad Dragon inside Bad Dragon logo on Wikipedia
a dark 20-pin chip with the text 74 theta delta 621 74ΘΔ621 – dark, 20 pins GIICM
a grey 20-pin chip with the text 74 theta delta 621 74ΘΔ621 – light, 20 pins GIICM

Other retro PC

See also Appendix: fonts used.

Button Description Based on
the text 'C:\>_' in the white VGA font on black the DOS prompt in the VGA font
the text 'C:\games>_' in the VGA font, white on black the DOS prompt in the VGA font; directory “games”
the text 'C:\QBasic\>_' in the VGA font, white on black the DOS prompt in the VGA font; directory “QBasic”
the text '640 KB OK' in the white CGA font on black the text “640 KB OK” in the CGA font
text LGBTQIA+, CGA font, white on black LGBTQIA+ in the CGA font
text LGBTQIA+, EGA font, white on black LGBTQIA+ in the EGA font
text LGBTQIA+, VGA font, white on black LGBTQIA+ in the VGA font
text LGBTQIA+, VGA font, black on rainbow background LGBTQIA+ in the VGA font, rainbow background (non-web-safe palette) Wikimedia Commons (colours)
Greek capital letters theta delta on white and green ΘΔ in the CGA font
Greek capital letters theta delta on white and green ΘΔ in the EGA font
Greek capital letters theta delta on white and green ΘΔ in the VGA font
the text 'all I need' in the white and magenta CGA font in front of the 16-colour CGA palette the CGA palette and the text “all i need” in the CGA font (non-web-safe palette)
the text 'all U need' in the white and magenta CGA font in front of the 16-colour CGA palette the CGA palette and the text “all u need” in the CGA font (non-web-safe palette)
a green fish viewed from right side Dopefish (an enemy from Commander Keen: Secret of the Oracle) – original (non-web-safe) colours, no borders my screenshot
a green fish viewed from right side Dopefish (an enemy from Commander Keen: Secret of the Oracle) – web-safe colours, with borders my screenshot
number of lives, player's face, health part of Wolfenstein 3D status bar – 24-bit colour, not web-safe my screenshot
number of lives, player's face, health part of Wolfenstein 3D status bar – 64 colours, not web-safe my screenshot
weapons, player's face, armour part of Doom status bar – 24-bit colour, not web-safe my screenshot
weapons, player's face, armour part of Doom status bar – 64 colours, not web-safe my screenshot

Pixel-perfect versions of some of the buttons above (in case I need to redo them):

text LGBTQIA+, VGA font, black on rainbow background capital Greek theta delta on white and green

“Online since…”

A button for every decade. VGA font (see Appendix: fonts used) but 1:1 pixel aspect ratio and letter spacing adjusted.

online since the '00s online since the '10s online since the '20s online since the '30s online since the '40s online since the '50s online since the '60s online since the '70s online since the '80s online since the '90s

Other buttons

Button Description Based on
5 isosceles right triangles, 1 square and 1 parallelogram in different colours, laid out as a convex hexagon the seven pieces of the tangram puzzle
the text 'system hacked!' and the command 'stealacar.exe' being entered; green on black with heavy scanline effects “System hacked!” and the command “stealacar.exe” being entered – green
the text 'system hacked!' and the command 'stealacar.exe' being entered; orange on black with heavy scanline effects “System hacked!” and the command “stealacar.exe” being entered – orange
a black envelope on green background; mimics LCD graphics an envelope (text message icon of a 1990s mobile phone) Nokia 5190 on Legacy Portable Computing Wiki
a grey compact cassette with yellow tape and blue background a compact (analog audio) cassette (based on an icon from Windows 3.1) PROGMAN.EXE Icons
Hadrosaurus Software – white text on rainbow background (unofficial!) Hadrosaurus Software – Logo & Icon
Hadrosaurus Software – rainbow dinosaur and white letter H (unofficial!) Hadrosaurus Software – Logo & Icon
Hadrosaurus Software – white dinosaur in front of a rainbow (unofficial!) Fediverse – Hadrosaurus Software
a grid of 18*12 colours and the text 'websafe' in black and white the entire web-safe palette
a two-dimensional gradient a gradient with full saturation in the HSL system – 24-bit colour, not web-safe
Intel Inside? – No Thanks (a reference to “Nuclear Power? – No Thanks”) Intel logo, anti-nuclear logo
Palestine flag Palestine flag – original aspect ratio, no 3D effect, non-web-safe palette Wikimedia Commons
Palestine flag Palestine flag – full width, 3D effect, non-web-safe palette Wikimedia Commons
taloussuklaa - hushållschoklad in white and yellow on red background Taloussuklaa chocolate K-Ruoka
a 500-mL can of EuroShopper energy drink, in red and grey EuroShopper (ES) energy drink (not web-safe) K-Ruoka
Lena's eyes Lena's eyes – 24-bit colour, not web-safe Morten Hannemose
Lena's eyes Lena's eyes – 64 colours, not web-safe Morten Hannemose
an empty dark grey button with a raised edge an empty dark button with a raised edge
an empty light grey button with a raised edge an empty light button with a raised edge
black and white checkerboard pattern with varying rectangle sizes some kind of pattern
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore lorem ipsum text Wikipedia
the word 'qalle' shown on blue 7-segment displays for linking to this site

Appendix: fonts used

I used these fonts in some of my buttons. They're probably familiar from old IBM PC compatible computers. They're based on screenshots of DOSBox. Each image shows the printable ASCII characters (0x200x7e).

Original fonts in pixel aspect ratio 1:1:

Font Character size Description
8×8 CGA
8×14EGA
9×16VGA (the last pixel column of each character is empty)

The same fonts with scanline effects added by me (stretched vertically and some lines darkened; the scanline effect applies to the non-black colour):

Font Inverse font Character size Description
8×16CGA, pixel aspect ratio 1:2
8×24CGA, pixel aspect ratio 1:3
8×28EGA, pixel aspect ratio 1:2
9×32VGA, pixel aspect ratio 1:2

I think these are the authentic pixel aspect ratios for each font: