Marga Navarro

Reference it for

• One-screen-portfolio composition — entire landing page fits in a 1440x900 viewport with massive negative space
• Warm-grey rgb(209, 211, 214) page (not pure white, not pure grey) — softer than the typical white portfolio
• Single chromatic accent (#fe3300 neon orange) used only on a 24x24 logomark square — the orange never appears on text or large surfaces
• DM Mono as the system font for nav, labels, links, body at 12px — mono signals "designer-engineer who values precision"
• PP Neue Montreal as the single paragraph face at 14px — used once, for the one human sentence
• 400-only weight discipline — no bold, no light, only regular across both faces
• Letter-spacing -0.2px on all mono — tightens the DM Mono geometric defaults
• Floating top-left "shortcut card" as the about/intro composition — rounded 4-6px container with logo + tagline + filter chips + paragraph

Do not copy

• The corgi-and-butterfly illustration (commissioned / personal)
• The "MARGA NAVARRO" name or "great software design(!)" tagline
• The neon #fe3300 brand orange (too specific to her mark)
• The "CRAFT-WHIMS" nav label (deeply personal coinage)
• The filter chips' specific role labels ("ENGINEERS / FOUNDERS / DESIGNERS") unless the brand genuinely targets those audiences
• The empty-viewport hero unless the brand has the same confidence and is selling craft (not features or services with concrete deliverables)
• The Webflow stack itself — if rebuilding for Jiffi, use Astro (see astro-rebuild.md)