Beyond Cyberpunk Web Design

Beyond Cyberpunk

What I want to note here is the UI in the original BCP and Billy's app. Borders filled with wiring and lights. Knobs and switches. Big chunky click areas. Punk rock, graffiti art. When you click things, audio and animations tell you something happened. Not so much the "Jacking into the Matrix. Into the FUTURE!" clip.

It's much easier to find and read information in the web version, but it's not fun. It's ugly and boring. Like almost everything on the web and apps these days, from Jony IVE-1138's sterile white room prisons where you're tortured for daring to have a personality, to all these endless linkblogs.

There are places with personality, but not many. The web looks like shit. Update: Brutalist Websites has some GeoCities-like aesthetics in a few. Others are sterile voids.

And that's bothering me about this blog. It looks OK, the stolen Midgar art and my '80s neon colors set some kind of tone, but it can be so much more. So in the weeks and months to come, I'm gonna be doing some redesign, make this into something weirder, if not full-on GeoCities. The RSS feed should be uninterrupted, but I'm going to put a lot more resources on the front page.

7 thoughts on “Beyond Cyberpunk Web Design”

  1. @mdhughes I agree though find the #indieweb design aesthetic revolves around text as the dominant form of communication in terms of primacy of design...gimme broken css and the repeating stretched out background images of GeoCities any day.

  2. @dgold @eli There's a weird conflation in those. Some are "brutalist" in the minimal, true-to-materials sense. Some are GeoCities punk rock aesthetic, which is where I'm heading.

  3. @dgold I'd also note that the gallery of brutalist sites there seems to stretch their definition of brutalism pretty far.

  4. @dgold re-reading the principles brutalist is probably not the term for my site. I see a lot of folks harping on brutalism on the web, but I also think it has similar (or perhaps complimentary) goals to a lot of the IndieWeb -- so the aesthetic harp, I get, but everything else ?‍♂️

  5. @mdhughes excited to see what you do! I made a half hearted attempt at some brutalist web design on my site a while back, but think I could push it a bit more while still preserving readability.

Comments are closed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)

Mentions

  • .rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}.rpwe-block li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;list-style-type: none;}.rpwe-block a{display:inline!important;text-decoration:none;}.rpwe-block h3{background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:12px!important;line-height:1.5em;}.rpwe-thumb{border:1px solid #EEE!important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;}.rpwe-summary{font-size:12px;}.rpwe-time{color:#bbb;font-size:11px;}.rpwe-comment{color:#bbb;font-size:11px;padding-left:5px;}.rpwe-alignleft{display:inline;float:left;}.rpwe-alignright{display:inline;float:right;}.rpwe-aligncenter{display:block;margin-left: auto;margin-right: auto;}.rpwe-clearfix:before,.rpwe-clearfix:after{content:"";display:table !important;}.rpwe-clearfix:after{clear:both;}.rpwe-clearfix{zoom:1;}
    Manifesto
    The future is coming now yesterday.
    Pages

    Learn2JS: Skeleton for quickly building JS applications. As close as modern tech can get to a BASIC "READY" prompt!
    MDH Software Gallery

    ImageUtil: Java command-line image-processing utility.
    Advent of Code 2017
    Mark Rolls Dice: gaming blog
    Archive of my old site at KUOI-FM
    Blog

    Starred Posts
    See the Categories list to the right and down for specific topics
    Last 5:

    Beyond Cyberpunk Web Design
    2018-08-09Beyond Cyberpunk: 1991 Hypercard stack BCP web version Cyberpunk, by Billy Idol: I like it, I don't care if he's a cheesy little idiot. Billy Idol's Cyberpunk Mac app: I can't find an emulator of it, but it's just interactive liner notes and a couple screen savers. Enjoy. Archive of Hotwired.com from 1997: Most of … Continue reading "Beyond Cyberpunk Web Design"Read More »

    Just One Fix Wednesday Music
    2018-08-08Psalm 69, by Ministry The Mind is a Terrible Thing to Taste, by Ministry Ænima, by Tool: Still not on Apple Music, because they like their cover art too much. So instead they get nothing from this YT rip. Lateralus, by Tool Big Hit, by Nitzer Ebb Showtime, by Nitzer EbbRead More »

    Mellow & Blitzed Tuesday Music
    2018-08-07Secret Messages, by Electric Light Orchestra The Albums 1971-1982, by Marvin Gaye A Kind of Magic, by Queen The Long Run, by Eagles After Hours, by Glenn Frey It's OK to get your drink on early today. Pearls Before SwineRead More »


    2018-08-05Kronar returns in a 24-page comic Dark Miasma! Oglaf is super NSFW, tho this one is pretty tame, but if you read the previous Kronar stories be prepared for… well, be prepared.Read More »

    WordPress: Gutenberg
    2018-08-03In brief: I tried to use Gutenberg for that, and it's fucking garbage. It repeatedly failed to load, just a blank page, and then after a couple tries it came up. It recognizes pasted-in Markdown, but doesn't let me write in Markdown. It makes half the window unusable whitespace instead of more editor. So I've … Continue reading "WordPress: Gutenberg"Read More »

Mentions

  • jgmac1106
  • mdhughes
  • eli
  • eli
  • dgold
  • eli