det gamle utseendet måtte vekk
Jeg har stirret på denne bloggen i måneder nå og noe satt aldri riktig. Den så ut som hver eneste annen markdown-til-html-bloggmal der ute. Fin typografi, fin avstand, helt glemmelig. Kunne vært hvem som helsts side.
Jeg ville at den skulle se ut som min.
hvorfor grønt
Ingen ekte debatt her ærlig talt. Jeg liker bare grønt. Mose, gran, den matte grønnfargen du får på steiner nær vannet. Det føltes som riktig grunnfarge før jeg engang hadde en plan for resten av det.
å få det til å føles som her
Ideen som satte seg var: hva om siden så ut som Lovund i stedet for å se ut som et designsystem. Ikke bokstavelig talt, jeg legger ikke fjordbilder i bakgrunnen, men følelsen av det. Dempede farger, noe litt værbitt, mindre "SaaS-landingsside" og mer et sted du faktisk ville satt deg ned og lest.
første forsøk, papir og antikva
Startet med typen. Byttet brødtekstfonten til Literata, en antikva laget for å lese lang tekst, og den gjorde mer jobb enn jeg forventet. Et enkelt avsnitt så plutselig ut som det hørte hjemme i en bok i stedet for en UI-mockup.
Så bakgrunnen. Gikk for en varm, litt mosegrønn-hvit i stedet for ren hvit, litt som papir som har ligget i en hytte i noen år. Kombinert med en mørkere grønnfarge for overskrifter og lenker og det så allerede ut som en annen side.
Hele greia kom ned til å bytte fire CSS-variabler, noe som føltes nesten antiklimaktisk gitt hvor forskjellig siden ser ut nå. Startet fra hva enn starter-kittet hadde, en eller annen standardblå som ikke fortalte deg noe om hvem som skrev tingen:
/* what was already there */
@theme {
--font-body: ui-sans-serif, system-ui, sans-serif;
--color-bg: #ffffff;
--color-fg: #1a1a1a;
--color-accent-500: #3b82f6;
}@theme {
--font-body: 'Literata', ui-serif, Georgia, serif;
--color-bg: #ecf3ee;
--color-fg: #141c18;
--color-accent-500: #2f6b45;
}Ingenting annet endret seg ennå. Ingen ny layout, ingen pixel art, ingenting av det. Bare fonter og farge. Men det var første gang på en stund jeg åpnet denne siden og tenkte, ok, det er faktisk min.
Mer kommer denne uken. Jeg har ideer for headeren som kommer til å ta mye lengre tid enn de burde, og jeg skisserer allerede ting på papir i stedet for bare å gjøre dem rett i nettleseren som vanlig.