Product Development
From zero to a product users rely on — discovery, design, build, ship.
// Brand
Brand & design system
Warm paper, near-black ink, and a single red accent — in light and dark. Every color is a light-dark() token, so both themes come from one source. (Toggle the theme from the homepage nav to see this page adapt.)
Color
Monochrome
// Usage
- One colored logo per page. The full-color wordmark (light or dark) goes in the header/nav — don’t repeat it in the footer.
- Footer → monochrome. The footer uses ink (light mode) or paper (dark mode) — never the full-color variant.
- Reversed is for red or photographic backgrounds only.
- Don’t place two colored logos on the same surface — it reads as redundant.
“98” + “Labs” in Museo Moderno Bold. All variants share the same wordmark geometry — only the fill colors differ.
// Download
Each chip pair is light · dark. --on-accent stays light in both themes (it’s text on red); --accent-text is the red used for small text (passes WCAG AA in both).
Display · Georgia (serif)
Ship ambitious software.
Body · Maven Pro
98Labs is a software engineering studio — product development, enterprise platforms, AI engineering, and managed agile pods for teams that ship.
Mono · JetBrains Mono
// C·01 — spec labels, indices, and code
Logo · Museo Moderno Bold (self-hosted)
98Labs
--gutterclamp(1.25rem, 5vw, 4rem)--maxw1240px--easecubic-bezier(0.16, 1, 0.3, 1)--dur0.9s
No t-shirt spacing scale — spacing is inline clamp() per component. Motion respects prefers-reduced-motion.
Everything above uses live tokens, so it adapts to the active theme.