Welcome to my Style Guide, a document that’s as much an exercise in style as it is a testament to the depth of my design decisions, even for something as simple as a personal portfolio.
This guide is not merely a collection of rules; it’s a window into my thought process and my commitment to crafting a consistent, accessible, and memorable visual experience. It reflects my philosophy that design decisions, no matter how small, deserve attention—and a little bit of flair.
So, enjoy the journey.
Table of contents
Typography is the backbone of any design system, and my website is no exception. Here, I’ve created a type scale that balances clarity, hierarchy, and personality. It’s not just about looking good—it’s about ensuring that every word speaks with the right tone, whether it’s a headline shouting for attention or a caption whispering in the margins.
Headings
My headings are designed to establish hierarchy and grab attention without being obnoxious. They scale fluidly across devices, ensuring readability and elegance on everything from a compact phone screen to a widescreen monitor.
Body
My headings are designed to establish hierarchy and grab attention without being obnoxious. They scale fluidly across devices, ensuring readability and elegance on everything from a compact phone screen to a widescreen monitor.
Line Height and Spacing
To maintain readability, I’ve paired each font size with an appropriate line height and spacing:
Typography Summary
H1
Edoardo
H2
H3
Edoardo
H4
Edoardo
H5
Edoardo
H6
Edoardo
Body
Me
Small
Edoardo
Color Palette
Colors are emotional, even if we pretend they’re logical. For this portfolio, I’ve opted for a palette that feels professional, modern, and approachable. No wild experiments here—just clean, timeless choices.
Primary Color
The blue serves as a confident, grounding tone—a color that says, "Trust me, I’ve got this."
Neutral
Spacing
If typography is the backbone, then spacing is the air that allows design to breathe. For my portfolio, I’ve based my spacing system on a 4px base unit, scaling up in multiples of 4 for flexibility and rhythm.
This system ensures consistency across layouts and makes sure no element feels crammed or neglected. Because even buttons deserve their personal space.
This Style Guide is a reflection of how I approach design, not just as a task, but as a craft. It’s an exercise in balance: between creativity and precision, between structure and expression. It’s also a reminder that even the simplest things, like a personal portfolio, deserve thoughtfulness and care.
Thank you for exploring this guide. I hope you enjoy it as much as I enjoyed creating it.