New Site Cyberpunk Theme

December 28th, 2020

I am working on adding a new theme in addition to dark mode, based on the new game Cyberpunk 2077. I saw some cool buttons and styles shared online. So I decided to create a storybook based on those themes and I am working on incorporating them into my site.

I found an example of the buttons on this Dev.to article, so credit to them for the buttons.

The remaining items (colors, fonts, etc.) are all based on what I have seen from their site.

I have never worked with storybook before. So I took this opportunity to refactor my site and make sure everything is built into more reusable components.

The components I have built out are broken up into the following:

  • Header
  • Button
  • Icon
  • Teaser
  • Listing
  • Navbar
  • User Summary

You can check them out at storybook.davidboland.site

ABOUT THE AUTHOR
Black and white profile photo of David Boland

David Boland

Blogging about web, mobile, and whatever other tech stuff I come across. I work a lot with content management systems. I am an Episerver MVP, and a Contentful certified developer.