The system behind
the surface.
A description of the portfolio’s structure, visual language, interaction, and conceptual approach. Available as editorial view and portable Markdown.
A position statement,
not a case-study archive.
The portfolio makes a product-design practice legible through a manifesto, operational principles, public experiments, and an intent-led path to conversation.
Make judgment visible.
The experience helps a visitor understand my beliefs regarding AI products, how those beliefs translate into design decisions, and how to continue the conversation.
Technical capability → Product judgment → Human agency
One argument, six movements.
- ManifestoEstablish the point of view.
- WorkShow the evidence behind the point of view.
- PrinciplesTurn belief into operating judgment.
- NotebookDemonstrate thinking through prototypes and essays.
- Design NotesMake the system behind the portfolio visible.
- Get in TouchReduce the cost of beginning a useful conversation.
Typography carries the identity.
This portfolio uses SF Pro through Apple’s system font on macOS and iOS, and uses Inter loaded through Google Fonts for every other platform. Inter is available in weights 400, 500, and 600. Hierarchy still comes from scale, weight, leading, tracking, and measure.
Display
Judgment
at scale.
- Family
- SF Pro / Inter
- Weight
- 600
- Scale
- 56–144px
- Leading
- 0.90–0.92
- Tracking
- −1.8% to −3.5%
Editorial
Clear enough to scan. Open enough to stay with.
- Family
- SF Pro / Inter
- Weight
- 400–500
- Scale
- 19–54px
- Leading
- 1.17–1.50
- Measure
- 720–1100px
Interface
004 · THE NOTEBOOK
- Family
- System mono
- Weight
- 400
- Scale
- 10–11px
- Leading
- 1.35
- Tracking
- +3.5% to +4.5%
SF Pro preserves the portfolio’s native character on Apple devices, while Inter provides a consistent counterpart on Windows, Android, Linux, and other platforms. Display lines are tightly led so they read as shapes; body copy opens up for sustained reading. The system monospace stack remains reserved for navigation, metadata, rails, and controls.
Color behaves as a signal.
A white canvas, near-black type, and low-opacity rules keep the interface quiet. One accent color is selected by the visitor’s local time of day and used consistently for active navigation, emphasis, interaction, and conceptual movement. Bright blue and indigo anchor the main working hours, while gold, muted red, and violet mark morning, evening, and night.
The grid makes separate pages feel continuous.
The primary composition pairs a narrow section rail with a flexible content field. Shared edges, one-pixel rules, repeated insets, and constrained measures make the Manifesto, Notebook, and case studies read as one editorial system.
The argument on the right.
Movement must explain something.
The typed headline frames a changing design vocabulary. Filters progressively narrow content already present. The contact experience uses assistance to reduce effort while keeping the visitor in control.
The system should feel:
- Clear, not simplified.
- Technical, not opaque.
- Confident, not loud.
- Editorial, not ornamental.
- Human, not anthropomorphic.
- Alive, not busy.
Loading DESIGN.md…