A ten-chapter brand guidelines site for studios who hand a client a real document, not a slide deck.
Overview, story, the mark, misuse, colour, type, imagery, voice, applications, assets. Editorial display typography, a strict hairline grid, and a colour system that a developer can actually use: click any swatch to copy its hex, or take the whole palette out at once as CSS custom properties, Tailwind config, SCSS, JSON design tokens or Swift UIColor.
Three breakpoints. Every grid reflows by hand, not by accident. Respects reduced motion.