MikeMatas
An extremely minimal personal portfolio landing page built on pure black-on-white contrast, with almost no chrome — no buttons, no cards, no shadows, no rounded corners. The entire visual system is two colors (ink and canvas), a large plain headline, three plain-text nav links, and a photographic laptop/phone mockup of shipped product work displayed at large scale in the empty page center. Voltage comes entirely from restraint and whitespace, not from color or ornament.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Neutrals
Typography
display
34px · 500 · 1.2
The quick brown fox jumps
nav-link
14px · 400 · 1.5
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xs | 9px | |
| sm | 20px | |
| md | 36px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px |
FAQ
- What colors does MikeMatas use?
- MikeMatas's core palette includes #000000, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the MikeMatas DESIGN.md.
- What font does MikeMatas use?
- MikeMatas's primary typeface is -apple-system. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the MikeMatas design system?
- An extremely minimal personal portfolio landing page built on pure black-on-white contrast, with almost no chrome — no buttons, no cards, no shadows, no rounded corners. The entire visual system is t…