Luke Hansford

T
o
o
l
s
a
n
d
r
e
s
o
u
r
c
e
s
u
s
e
d
t
o
b
u
i
l
d
l
u
k
e
h
a
n
s
f
o
r
d
.
m
e

Tools and resources used to build lukehansford.me

🌱 Seedling2 min read

These are some of the resources and tools I've used to build this website. If you want to peak under the hood most of it should be in the Github repository too!

Design

I'm not a designer myself, so I've shamelessly ripped off a couple of works to come up with the design for this website. First off is the album cover art for Blue Note Records designed by Reid Miles, in particular I've adopted a very similar color scheme to the art on the cover of the Wayne Shorter album JuJu.

Wayne Shorter - JuJu
Wayne Shorter - JuJu

The other design inspiration was from the International Typographic Style movement, specifically the posters of Armin Hoffman.

An Armin Hoffman poster from 1961
An Armin Hoffman poster from 1961

Fonts

Icons

Teeny Icons - I was looking for an icon set that fit the more "angular" vibe I was going for with the design. Unfortunately I didn't come across many good options. Teeny Icons is nice for now, but I'm on the look out for an icon set that gels better with the rest of the website (please reach out if you have suggestions!).

Code

The site is built with React, Tailwind, and Typescript because I love working with the three of them. During the recent re-design I migrated the website from the Next.js framework to Remix. This was mainly just to experiment with Remix a bit, not because I had any issues with Next.js (which I currently use in my day job).

Infrastructure

I currently deploy to Vercel, as it's pretty low hassle to get working and the developer experience is nice.

Linked notes

Webmentions

No one has interacted with this page yet.