
Preview image. Unlock full-res
Creative director portfolio presenting three responsive mockups (dark left, light right, mobile center) with serif headline quote and soft peach-to-gray gradients over minimal content structure.
Summary
Three-screen responsive showcase of Olly Cooper's portfolio site: dark desktop variant with video play button and minimal nav, light-theme tablet variant with serif headline quote, and mobile view with soft peach gradient background, all emphasizing typography and ample negative space.
Visual description
Three mockup frames on dark gray background: left shows desktop version (dark charcoal with white text, Instagram icon, project navigation menu items like "Showreel", "Elixir Technology", "Tokeit App", and small-type body copy with play button over blurred video thumbnail); center shows mobile frame (landscape-oriented, soft peach gradient fill with centered serif headline "The digital world is full of noise" in white and light gray); right shows light desktop variant (off-white background with dark text, same navigation structure, larger type treatment for headline and role description "Director, Editor & Creative"). Consistent use of generous whitespace, restrained color palette, and sans-serif navigation paired with serif headline creates editorial sophistication.
Key takeaway
The light-dark paired mockup shows that portfolio intent and visual personality remain readable and strong across theme variants without relying on images or patterns. The serif headline quote (centered, large, breathing space around it) becomes the emotional anchor and distinguishes a portfolio from generic agency sites. Minimal sidebar navigation keeps focus on content and avoids crowding.
Reuse notes
Strong reference for creative director, editor, filmmaker, or agency portfolio sites prioritizing work samples over branding flash. The soft gradient background works well for hero zones. Works equally in light or dark contexts, making it theme-agnostic. High readability makes it suitable when portfolio needs to emphasize collaborators' reputations as much as process.









