Website

Space Grotesk

Field:
Time:
Semester:
Tools:
2nd semester
Summer 2023
Figma, Adobe After Effects, Adobe Photoshop
Webdesign

The Space Grotesk font is presented on the website using the look of old video games such as Space Invaders or Asteroids. With bright neon colours, pixel-like visuals and animations, users can playfully immerse themselves in the special features of Space Grotesk.

The website focuses on the font styles, the glyphs, the history and the usage of the font. The website was realised as a Figma prototype for web and mobile devices.

Process

WIREFRAMES

First, I used wireframes and modules from websites that I found interesting, as well as the grid. I decided in favour of a 12-column grid.

DRAFTS

For the designs, I tried to think about what I associate Space Grotesk with. The name and the more technical typeface reminded me of the game Space invaders.

I used the glyphs of the font as stars and protagnists. Each section is a different planet.

STYLEGUIDE & MOBILE VERSION

After the design process, I realised the design as a Figma prototype as a mobile version.

All repeating elements, buttons, colours, text styles and the grid were defined in a style guide.

contact me