Colophon
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 AI
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.
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.
Hosting & Deployment
Typography
UI & Body
Plus Jakarta Sans
Weights 300-800. The primary typeface for headings, navigation, and all interface elements. Neutral and highly legible at any size.
Article Body
Source Serif 4
Weights 400-600 with italic. Provides editorial warmth and readability for long-form article content and blockquotes.
Code Blocks
JetBrains Mono
Weights 400-500. Designed for code clarity with ligatures and distinctive letterforms for syntax distinction.
Icons
Material Symbols
Variable weight (100-700). Outlined icon set for consistent, modern UI iconography throughout the interface.
Technology Stack
Astro
The web framework for content-driven websites. Ship less JS, more performance.
Tailwind CSS
Utility-first CSS framework for rapid UI development without leaving the HTML.
Pagefind
Zero-config static search library that works entirely on the client side.
@astrojs/sitemap
Automated SEO infrastructure for discoverability across the open web.
Remark & Unist
The pipeline that transforms Markdown into structured, accessible HTML.