
Preview image. Unlock full-res
Parchment and Cobalt
Mickael Larcheveque's portfolio establishes an atmosphere of understated elegance and intellectual curiosity. It pairs a warm, almost parchment-like background with a single intense primary blue for highlights and active states, creating a high-contrast but refined visual tension. The typography mixes a modern sans-serif with a more expressive, almost calligraphic display serif for headlines, emphasizing creativity. The layout feels spacious, with clear hierarchy and minimal embellishment. Prioritize 'Gza' font for all large, expressive headlines to maintain the unique artistic tone. Use Luminous Blue (#283cff) exclusively for interactive elements like links, buttons (outlined), and active navigation states. Maintain a clear visual hierarchy by contrasting Luminous Blue (#283cff) accents against the Parchment (#fff6ed) background and Midnight Charcoal (#292a2c) text. Apply 1px solid borders in Midnight Charcoal (#292a2c) or Luminous Blue (#283cff) for subtle definition of interactive elements or content blocks. Ensure generous spacing: a 98px section gap for vertical rhythm and 30px element gaps for internal content separation. Use Open Sans (400) for all body copy to ensure legibility and a consistent textual voice at 16px or 18px. Outline secondary typographic elements in Midnight Charcoal (#292a2c) or Luminous Blue (#283cff) to provide visual variation without adding new colors. Avoid introducing new primary colors; the system relies on Parchment (#fff6ed) as background and Luminous Blue (#283cff) as the primary accent. Do not use box shadows or excessive border-radius; the design maintains a flat, crisp aesthetic. Refrain from using heavily saturated images or illustrations; the visual language leans towards minimalist graphics or outlined typography. Do not create filled buttons or primary actions; the design consistently uses outlined or text-based interactive elements. Avoid dense, text-heavy sections; break content with generous white space and the distinct typographic hierarchy. Do not use default browser link styles; always apply Luminous Blue (#283cff) for links and ensure clear hover states.









