Colophon

How this site is built

Technology Stack

Framework

Next.js 13 (App Router)

Styling

Tailwind CSS

Font

JetBrains Mono (monospace)

Icons

Lucide React

Hosting

Netlify

Domain

vivekpal.xyz

Design Principles

→
Terminal-first aesthetics
Dark background, monospace typography, and minimal UI chrome. Feels like working in a terminal because that's where real work happens.
→
Information density
No wasted space. Every element serves a purpose. If it doesn't help the reader, it's gone.
→
Fast and lightweight
Static generation where possible. Minimal JavaScript. No analytics bloat. Loads fast on bad connections.
→
Keyboard-friendly
Press / to search. Tab navigation works everywhere. Mouse is optional.

Typography

Body Text

JetBrains Mono at 14px with 150% line height. Monospace everywhere for consistency and readability in technical content.

Code Blocks

Same monospace font. Syntax highlighting kept minimal. Focus on the code, not the colors.

Hierarchy

Three font weights maximum. Clear visual hierarchy through size and spacing, not decoration.

Color Palette

Background

Dark terminal base

Primary (Blue)

Links, highlights, important elements

Secondary (Purple)

Accents, tags, status indicators

Accent (Green)

Terminal prompts, success states

Privacy & Analytics

No analytics by default. No cookies. No tracking scripts. No third-party requests except for fonts (Google Fonts, cached locally where possible).

If analytics are added later, it will be privacy-focused (Plausible or similar) and disclosed on the privacy page.

Source Code

This site is built with Next.js and Tailwind CSS. The design prioritizes readability, speed, and simplicity over visual flourish. Code is clean, comments are minimal, dependencies are few.