Cole is a one-person portfolio for a designer who is happy to let typography do the shouting. The hero is just a name in white Roboto Condensed, stretched edge to edge across a black page. Under it, four outlined pill buttons for Home, Info, Works, and Contact sit spaced across the full width, and a short intro paragraph waits further down on the right. There's no photo up top and no color at all, so the first project images land harder.
Those projects arrive in a two-column grid. Each card has a plain title on the left, Vanguard or Fabric, and small white label chips on the right for the sector and year, like Fintech and 2024, above a large image. An About Me block follows with a longer bio, a portrait beside a device shot, and big counters for projects, awards, and years of experience. What I Do is a stacked list of services in large uppercase, alternating white and grey, then Work Experience and Awards appear as thin ruled tables with role, company, and year. The footer pairs a freelance pitch with an email button and a Copy Email button. Muhammed Irshad's Works page reuses the layout under a big Featured Works heading, with the same tagged cards.
On a phone, the name still spans the width, the pills become plain text links in a row, and the cards stack one per screen with their chips intact.
We'd pick Cole for product and brand designers with a tidy set of case studies and a short name. The project imagery is all device and signage mockups, so you'll want real work shots in their place. The experience table lists famous company names and the awards list uses well-known award sites, so rewrite both before launch.
Based on the live demo, viewed on desktop and on a phone. The Design and Dev scores come from separate independent reviews. See how we score templates.