← Back to the library

Landing page · personal-publishing

Alexey Guzey — Personal Site

Sign in to save

An understated personal writing directory with compact sans-serif text, underlined links, pink accents and a right-floating recent-posts panel.

Visit original website ↗Captured Oct 5, 2026 · 1440px wide

Build with this design

Download DESIGN.md into your project and ask your coding agent to follow it alongside this reference. Review inferred values against the original before implementation.

Download DESIGN.md ↓
View DESIGN.md
---
version: alpha
name: Alexey Guzey — Personal Site
colors:
  canvas: '#FFFFFF'
  primary: '#121212'
  body-ink: '#121212'
typography:
  heading:
    fontFamily: Dosis
    fontSize: 25.84px
    fontWeight: 400
    lineHeight: 38.76px
  body:
    fontFamily: '"Encode Sans", sans-serif'
    fontSize: 15.2px
    fontWeight: 400
    lineHeight: 22.8px
---

## Overview
An understated personal writing directory with compact sans-serif text, underlined links, pink accents and a right-floating recent-posts panel. Full desktop page capture. Inspected 2026-10-05.

## Colors
Use white surfaces, near-black text and pale pink rules. Reserve the brighter pink for small accents; retain link underlines. Tokens are sampled computed colors; descriptive accent colors are visual observations, not measured hex values.

## Typography
Measured heading/label sample: Dosis, 25.84px, weight 400, leading 38.76px. Supporting sample: "Encode Sans", sans-serif, 15.2px, leading 22.8px. These are local computed samples, not a universal type scale. Artwork and child spans may differ from their parent styles.

## Layout
Center a roughly 900px reading region at the 1440px desktop width. Keep navigation above a short biography. The recent-posts panel floats beside the opening categories on desktop and precedes them in a single column on mobile. A third-party newsletter embed is present; its mobile overflow is source behavior and should not be copied. Desktop screenshot: 1440 × 3241px at a 1440px viewport. Mobile evidence: 390 × 844px at a 390px viewport. Breakpoint thresholds are not inferred from two observations.

## Elevation & Depth
Flat document layout with no card grid. Only the recent panel and newsletter embed have restrained borders and subtle depth.

## Shapes
Small-radius side panels contrast with plain rectangular text regions and a delicate repeating cross divider.

## Components
Author identity, introductory prose, navigation, categorized writing and supporting links. An understated personal writing directory with compact sans-serif text, underlined links, pink accents and a right-floating recent-posts panel.

## Do’s and Don’ts
Preserve the reference-specific hierarchy, wrapping and spacing described above. Use original copy and assets when adapting. Keep links keyboard-accessible with visible focus. Do not infer animations, hover states or hidden menus from this static capture. No full accessibility audit was performed.

If copying fails, download the file or select the text above.

Full screenshot of Alexey Guzey — Personal Site

Design belongs to its original creator. Use this example for inspiration, not as a licensed template.

A little more taste in your inbox.

A weekly selection of standout designs, useful UI elements, and fresh inspiration from TastefulKit.