A part of this project is to actually create something that has the essay in it, So a website, prototype or document, I have thought about how I’m going to design this, and I was thinking of actually using Figma Sites for it, I want to use it to develop my skills with the tool, but if there are too many issues, I will just make a website prototype, and If I have some spare time, I’ll code it into an actual site.

Design

As I mentioned at the start, I had the idea of following Figma’s brand identity which is neo-brutalist, in this section I will look at some pictures to find out what fonts they use and pick my colour scheme

image.png

image.png

image.png

image.png

image.png

image.png

Few things to note. I’m seeing a lot of colour which is fun, the main being purple and a darkish yellow, The font is funky which is cool, I’d worry about a readable font, I may have to go with something simple like inter, or maybe I could use the font Figma uses for comments

Screenshot 2025-11-17 at 12.18.28.png

as for the more decorative font it appears to be Figma’s own font Figma Sans, however it is not open to the public to use, So I will have to look at some fonts that are similar, Below are some I found

image.png

image.png

image.png

image.png

I think the strongest here are Lexend mega, Brodish and Neuething. I’m a little indecisive so I experimented and put them together to see which one worked the best:

Screenshot 2025-11-17 at 12.45.37.png

I think brodish and neuething are the strongest, but if I had to choose it would be Neuething.

For the colour scheme I took some hexcodes from the photos and came up with this colour scheme

Screenshot 2025-11-17 at 13.22.09.png

Sketches

I then sketched the plan for the figma site, I want it to feel like a figjam/miro file that is an essay

Heres the home page and introduction, the title was inspired by this Figjam basics

image (26).png

The introduction was inspired by figma’s marketing

image.png

IMG_5666.jpeg

This was inspired by this screenshot

image.png

IMG_5667.jpeg

I wanted to implement a wireframe like this one below, I’ll make it readable and flow with the points, the sketch is just an idea

image.png

IMG_5668.jpeg