A global management consulting firm. Fits research-led corporate sites, enterprise advisory firms, professional services, and editorial business landing pages.
Screenshots of 2 pages from mckinsey.com: homepage and careers.
Three ways to ship a McKinsey-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with McKinsey. All trademarks belong to their respective owners.
About McKinsey
Home page hero
The home page is dark navy and editorial. A thin top bar holds a menu icon, a serif wordmark, a row of dropdowns (industries, capabilities, tech and AI, insights, careers, about) and a link to the blog, with sign-in, subscribe and a search icon at the far right. The headline, "What's your next brilliant move?," is set in a bold serif and indented on its second line, with a short line about people and AI powering growth and a round arrow button. Three cards sit below with staggered heights: a conversation with a business leader on a warm photo, an article about AI fluency over a factory photo, and a tall blue blog card with two portraits and a read-the-story button. A floating chat tab for an AI assistant sits at the right edge.
Newsletter band
A featured newsletter section follows on the same dark navy. A large light headline, "Insights to navigate what's next," sits on the left with a line about a bimonthly newsletter for senior executives, an email field and a white subscribe button. The right side is left empty, which gives the band a lot of breathing room.
Podcast
A saturated blue gradient band introduces "The McKinsey Podcast" with a longer description, a listen-here button and three small round icons for listening platforms. A white episode card with a title about premium air travel and a short description sits beside a dark audio player with skip-back, play and skip-forward controls and a progress bar. Four thin episode tabs sit below the player with progress lines above each title.
Careers listings
The careers page is white. A grey banner shows a warning about employment scams, followed by a smaller careers nav with home, life at the firm, interviewing, students and professionals, roles, and tech and AI careers. A search-jobs box and a locations filter sit in a dark band, partly covered in the capture by a cookie consent box with accept, decline and manage options. Below, job listings repeat one pattern: a small category label, a large serif title such as Associate, Associate Intern, Business Analyst or Fellow, two lines of description, and a row of office cities ending with a count of more locations.
Based on full-page screenshots of mckinsey.com: the home page and the careers page. This describes the layout of a third-party company's site and is not an official description. The cookie dialog in the careers capture is a consent notice, not site content. Check the live site before relying on specific details.
Related designs
