.svg)
.avif)
.svg)
.avif)
.avif)
.png)
.avif)
This is my own visual identity.
I've had the vision for a long time, but it wasn't until I started designing this website that I had to make it a reality.
Content
Idea
Logo
Colors
Text styles
Graphic elements
Design system
Idea
The idea was to have one shape from which I would create the rest of graphic elements.
The Squircle is based on circle topology but is slightly morphed into 12x12 grid.
Logo
With a very simple geometry I made a symbol...
...and a full logo.
Colors
I knew I would need enough colors for the components, so I made a 10 shades of gray.
Then started with basic hues.
And then I made 6 shades of each.
I also use gradients for backlight effect.
Little preview of color combinations
Text styles
Because Figma is my love, my home and sometimes my nemesis I decided to use her native Inter font.
Graphic elements
Here I used ONLY my Squircle to create a bunch of icons.
Design system
I like card components, so I set basic rules for them.
1. Based on the size of the display medium
2. Based on brightness mode
Made a ton of variants
and after a lot of iterations...
.png)
.avif)
Contact
Do you have a project in mind?
Let’s connect.
.avif)
.avif)