The system behind
the surface.
A portable description of the portfolio’s structure, visual language, interactions, and conceptual approach—available as an editorial view or 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 what Ricardo believes about AI products, how those beliefs translate into design decisions, and how to continue the conversation.
Technical capability → Product judgment → Human agency
One argument, four movements.
- ManifestoEstablish the point of view.
- PrinciplesTurn belief into operating judgment.
- NotebookDemonstrate thinking through prototypes and essays.
- ContactReduce the cost of beginning a useful conversation.
Typography carries the identity.
The portfolio uses native system families so type renders immediately and crisply on every platform. Hierarchy comes from scale, weight, leading, tracking, and measure—not from decorative type choices.
Display
Judgment
at scale.
- Family
- System sans
- 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
- System sans
- Weight
- 400–500
- Scale
- 19–54px
- Leading
- 1.17–1.50
- Measure
- 720–1100px
Interface
003 · THE NOTEBOOK
- Family
- System mono
- Weight
- 400
- Scale
- 10–11px
- Leading
- 1.35
- Tracking
- +3.5% to +4.5%
Display lines are tightly led so they read as shapes. Editorial text opens up for sustained reading. Monospace labels use positive tracking and uppercase to expose sequence, state, and structure.
Color behaves as a signal.
A white canvas, near-black type, and low-opacity rules keep the interface quiet. One accent is selected per refresh and used consistently for active navigation, emphasis, interaction, and conceptual movement.
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…