Files
website-astro-stefanimhoff.de/src/content/projects/exploring-hamburg-v2.mdx
2026-01-20 15:21:22 +01:00

62 lines
2.1 KiB
Plaintext

---
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)