88x31 Buttons/Badges

Assorted buttons/badges for adorning websites.

    • #design
    • #IndieWeb/SmallWeb

    Emerging in the mid-90s, badges/buttons with a resolution of 88 pixels by 31 pixels spread through the web like wildfire before eventually waning in popularity during the 2010s.

    A sure remnant of the olden days of the web, today they have a retro chic. They’re a fun, lo-fi visual adornment, so I took it upon myself to design some modern buttons/badges adhering to the limitations of the time. I’m always looking to improve and refine my skills, and a restraint such as a canvas of a mere 2728 pixels proved a great opportunity.

    Here is a badge I created to represent this site:

    'Vale.Rocks' badge.

    I’ve taken the creation of these badges as an opportunity to experiment and thus covered a range of topics and material. It proves difficult to represent a complex or meaningful idea in such a small amount of space.

    Ideology

    A core part of any personal website, which is where such badges are most likely to be seen, is to represent one’s own thoughts, stances, and ideologies.

    'No Fascism / No Bigotry' badge with crossed-out swastika. 'Link Freely' badge with chain links. 'Melt Ice' badge. 'Free Palestine' badge. 'Slava Ukraini' badge.

    Tech

    Another common use for badges and buttons is to show off technologies in use. Sharing openly how things are built and what technologies are used led to a strong natural discovery and a natural onboarding for people building their own websites.

    'Built with Origami' badge. 'Hypertext Markup Language' badge. '<HTML/>' badge. 'Made with Cascading Stylesheets' badge. '.CSS {}' badge. 'CSS is my passion' badge with text overflowing the badge. 'Tailwind' badge. 'Bootstrap' badge. 'CSS > JS' badge. 'RSS' badge. 'Contains ECMAScript' badge with exclamation points. 'JS()' badge. Rainbow 'Progressively Enhanced' badge. '# MD' badge.

    Platforms

    Online platforms have become a large part of people’s lives, even if they may conflict somewhat with many of the ideals of the sort of person that uses 88x31 buttons/badges. As part of making the web as a whole an interlinked place, I made a range of badges for various platforms.

    'Bluesky' badge. 'Codeberg' badge. 'GitLab' badge. 'npmx' badge. 'imood' badge. 'TechConf.Directory' badge. 'Ko-Fi' badge.

    Media

    The media we consume often represents us as people. These buttons are perfect for presenting one’s tastes and finding others with similar interests.

    'Jet Set Radio' badge. 'Minecraft' badge. 'Terraria' badge. 'Evangelion' badge. 'Cowboy Bebop' badge. 'Team Fortress' badge. 'SiIvaGunner' badge.

    Miscellaneous

    'Under Construction' badge.

    If you’re looking to commission an affordable custom badge like the ones above for your site, brand, or project, get in contact.