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
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.

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 she/they they/she

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

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

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 she/they they/she

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

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

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 she/they they/she

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

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

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

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; see also “Appendix: the VGA font” below  
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
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

“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
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
a two-dimensional gradient a gradient with full saturation in the HSL system – web-safe, dithered
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
Lena's eyes Lena's eyes – 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: