---
title: Exploring Hamburg
date: 2021-12-30
format: 50-end
sort: 140
showcase: true
categories: ["Web Design", "Web Development", "Photography"]
class: slide
intro: "I created this Photography Blog for one of my hobbies: I explore the city of Hamburg, mostly walking, and sometimes biking to find out more about the individual districts and to shoot photos. The current design is the 2nd iteration."
description: I explore Hamburg, mostly walking, sometimes biking to find out more about the individual districts and to shoot photos.
image:
  src: /assets/images/projects/thumbnails/exploring-hamburg-v2.webp
  aspectRatio: 1.25
more:
  text: See Showcase of Version 2
  link: /projects/exploring-hamburg-v2/
---

<ProjectIntro>
At the end of 2021, I decided to unify my brand and redesign my [photoblog](https://hamburg.stefanimhoff.de/). I used the existing brand design and created the website based on that design, using variations like full-height photos and rotated text.

<MoreLink href="https://github.com/kogakure/website-11ty-hamburg.stefanimhoff.de/" text="Source Code" />
</ProjectIntro>

---

### Light Design

<ColorStack>
  <ColorSwatch color="#E7E6E4" title="Light Background" />
  <ColorSwatch color="#0E0D0C" title="Light Foreground" />
  <ColorSwatch color="#2d5da3" title="Accent" />
</ColorStack>

### Dark Design

<ColorStack>
  <ColorSwatch color="#1B1A18" title="Light Background" />
  <ColorSwatch color="#E7E6E4" title="Light Foreground" />
  <ColorSwatch color="#2d5da3" title="Accent" />
</ColorStack>

## Font

<DisplayBox>
  ![Secuela Variable Italic](/assets/images/projects/kogakure-v9/secuela-variable-regular.svg)
</DisplayBox>

<DisplayBox>
  ![Secuela Variable Italic](/assets/images/projects/kogakure-v9/secuela-variable-italic.svg)
</DisplayBox>

## Homepage

![Homepage Light](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.webp)

![Homepage Dark](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.webp)

## Subpage

![Subpage](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.webp)