Design system
How this brand presents itself.
Not a component marketplace — the approach behind the portfolio and product surfaces.
Typography
Newsreader + Inter.
- Why Newsreader italicEditorial readability for headings — human voice over startup chrome.
- Why Inter for bodyTechnical credibility and long-form clarity at product scale.
- AccentDeep blue
#0A3A5C— calm authority, not purple glow.
Layout
Narrative over dashboard.
- One job per sectionHeadline, short support, one visual or list — not card grids.
- Alternating work rowsImage-and-copy rhythm for Selected Work — not tiles.
- Reveal motionPresence and hierarchy, not noise.
Components
Surfaces that recur.
- Timeline / chainBuild log and changelog — when, what, why, impact.
- Case study blocksChallenge → solution → architecture → impact.
- Architecture diagramsInteractive stages preferred over static equal boxes.
- Product rowsOverview, role, technologies, outcomes, links.
- Related readingKnowledge-graph navigation — not “latest posts.”
Principles
What we refuse to fake.
- Clarity before decorationIf removing a border or badge does not hurt understanding, remove it.
- Evidence before claimsNo vanity users, no placeholder testimonials, no invented metrics.
- Systems before featuresShip the workflow shape; resist feature salad.