Personal business card site speed run
Introduction
Derek runs through a quick visual language exploration and then writes up the code (quickly).
You’re not going to be this quick – but the key is to keep it simple.
Part 1
Planing out the visual language.
A bit of content, some font contrast, some spacing, maybe some colors…
Part 2
Writing the code. Some HTML, some CSS, some custom properties, some dark-mode…
Part 3
Breaking things up with PHP for multiple pages.
Part 4?
What would that be? We’d probably place some of those shapes things. You could use a div or SVGs. And then – as you add more content, there would be more reasons to expand the visual language.