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