Colophon

How this site is built.

terminal

Development & Tools

Zed

A high-performance code editor written in Rust, chosen for its near-zero latency and collaborative environment. It serves as the primary forge for our codebase.

Open Code

An interactive coding tool that assists in architectural decisions and boilerplate reduction, ensuring the logic remains consistent with the "Blueprint" philosophy.

Google Stitch

The primary design tool used for creating and maintaining the visual language and component systems of Flow Focused.

history_edu

Writing Workflow

Obsidian

The 'Second Brain' where all Markdown writing happens. Its graph-based structure allows for emergent ideas to connect before they ever reach a draft state.

Obsidian Git

Seamless publishing through automated commits. This bridge ensures that the distance between a 'Note' and a 'Published Post' is just a single shortcut away.

cloud_done

Hosting & Deployment

Vercel

Static site generation paired with edge deployment provides sub-100ms load times globally. We leverage Vercel's global infrastructure for its unparalleled DX and speed.

format_size

Typography

Our typographic system is designed for high-density information without compromising the editorial warmth of a physical journal.

Headlines & Display

Newsreader

Editorial serif for headlines, display text, blockquotes, and callout content. Provides warmth and distinctiveness for structural elements.

Body Copy & UI

Inter

Neutral sans-serif for all paragraph content, labels, navigation, and interface elements. Highly legible at any size.

Syntax & Technical

JetBrains Mono

Designed for code clarity with distinctive letterforms for syntax distinction.

Iconography

palette auto_awesome lightbulb rocket_launch

Material Symbols Variable weight (100-700). Outlined icon set for consistent, modern UI iconography.

schema

Technology Stack