Building a Pixel-Style Blog

Design Philosophy

When I set out to build this blog, I had a clear vision: it should feel like a designer’s notebook, not a developer portfolio.

Keywords

The design vocabulary I used:

• Minimal - nothing on the page that doesn’t serve the reader
• Editorial - typography-first, inspired by magazines
• Warm - warm paper tones instead of pure white and black
• Pixel - pixel fonts add character and a handmade feel

Color System

The color palette is intentionally warm:

Use	Color
Background	#FAF8F4
Text	#1E1E1E
Accent	#C67C4E

In dark mode, these shift to deep grays with a warmer accent.

Typography

I chose three fonts that work together:

• Press Start 2P - for big headlines, brings pixel-game nostalgia
• Pixelify Sans - a more readable pixel font for body text
• JetBrains Mono - for code blocks

Animation

Framer Motion powers subtle transitions - fades instead of slides, 4px lifts instead of 40px jumps. Motion should feel natural, never distracting.

What’s Next

I plan to add:

1. Pixel art illustrations drawn in Aseprite
2. A draggable desktop-like interface with react-rnd
3. Giscus-powered comments