Copenhagen — Entry § 09 — How the manual was set, and where to find me after you close it
§ 09 — Colophon
On the typography, the palette, the principles, and the single email address at the bottom.
This manual was set as a deliberate counter-statement to the typical "portfolio website." No hero gradient, no autoplay video, no availability orb. A reader's tool, not a showreel.
Source Serif 4Body · headings
Aa
Italics for emphasis
Designer Frank Grießhammer · Adobe Originals
Uses Running prose, section headings, transcript
Optical font-variation-settings: "opsz" 8–60
JetBrains MonoLabels · code · data
01/09
const manual = "field";
Designer Philipp Nurullin · JetBrains
Uses Marginalia, metadata, section numbers, code
Tracking letter-spacing: 0.02em / 0.12em caps
Page ground
Hex #151310
Role base background
Elevated
Hex #1C1A16
Role cards, tiles, ledger
Primary ink
Hex #E8E1D1
Role body text, headings
Accent — stamp red
Hex #C8391C
Role emphasis, links, status
Inset
Hex #100E0C
Role sunken panels, captions
§ 09.2 — Principles that shaped this
01
A portfolio is a document, not a landing page.
The manual format — paged sections, margin notes, a dateline on every entry — is a commitment. It asks to be read, not skimmed. That constraint rules out hero videos, autoplaying animation, and anything that blinks.
02
Type does the heavy lifting. Not colour or motion.
One serif for reading, one mono for data. Two weights each, one accent colour. Hierarchy comes from size, italics, and rule weight — the same tools a typesetter had a century ago.
03
If I don't know it, I don't display it.
Every metric on every page is either live-fetched or explicitly marked as a placeholder waiting for real data. Fake counters and rounded-off stat-slop would undermine the whole document.
04
Private work gets named, not shown.
The bulk of my hours went to Apple, AccTech, and Softzino under NDA, before the move to DTU for a Master's. The manual summarises what I worked on and for whom, without publishing screenshots, internal architecture, or client code. Honest gap over fabricated filler.
05
Readable on a phone in a taxi at midnight.
Everything reflows to a single column, nav rail collapses to a strip, type scales down but never slips under a comfortable reading size. The manual should work as well on a 390-pixel screen as on a 27-inch monitor.
Layer
Tool / decision
Version
Markup
HTML5 · semantic sections, no framework
—
Styles
CSS custom properties · grid · container queries where useful
native
Scripts
Vanilla JS only. Reveal on load, GitHub fetch, localStorage cache.
—
Serif
Source Serif 4 Variable · optical sizes 8–60
v4.005
Mono
JetBrains Mono Variable · weights 300–700
v2.304
Delivery
Google Fonts · preconnect + display=swap
—
Data · § 07
GitHub REST API + public contribution graph · cached 30 min
live
Accessibility
Reduced-motion respected · contrast ≥ AA · nav-rail keyboard-reachable
—
Hosting
Static HTML · runs anywhere a file server does
—
§ 01 — Opening
The cover page
Name, role, location, the one-line thesis of the whole document.
→
§ 02 — About
Who I am, in long form
Six years of software, what I'm good at, what I'm not, what I won't do.
→
§ 03 — Work
Engagements & projects
Apple, AccTech, Softzino. What shipped, in what role, and why.
→
§ 04 — Research
Notes on the stack
The deeper technical pieces — Nuxt internals, data fetching, SSR tradeoffs.
→
§ 05 — Now
This week
What I'm actively working on, reading, and thinking about. Dated.
→
§ 06 — Notes
Long-form field notes
Essays and technical writeups with their own datelines.
→
§ 07 — Commits
Public activity
Live from github.com/hasan75. Private work summarised, not shown.
→
§ 08 — Education
School & honours
BRAC CSE, scholarships, dean's list, thesis, foundational coursework.
→
§ 09 — Colophon
This page
Typography, palette, principles, build ledger, contact.
↳
No contact form. No Calendly. No chat widget. If it's worth saying, it's worth an email — and every reply is from me, not an assistant. The tradeoff is that I'm a little slower to respond; the upside is you always reach an actual person.
— End of Vol. 01 —
Hasan Ahmed
Field Manual · Vol. 01 · Edition 1 · Copenhagen, Denmark
§ 01 ◆ § 02 ◆ § 03 ◆ § 04 ◆ § 05 ◆ § 06 ◆ § 07 ◆ § 08 ◆ § 09 ✦ Fin.