Blueprint-Corporate-Editorial: A foundation for trust-driven B2B sites
The blueprint-corporate-editorial is a production-grade reference implementation for B2B consulting firms. It demonstrates how to apply publication-grade editorial design principles to a corporate information architecture, replacing standard software UI patterns with a visual vocabulary of serif typography, a neutral stone palette, and generous whitespace.
Engineering for separation of concerns
The architecture uses Next.js 16 App Router and Tailwind CSS 4 to keep visual and functional concerns decoupled. By using a two-tier component system—layout primitives for structure and cva-driven UI primitives for content—the blueprint allows for reskinning without modifying internal component logic.
Every page is a React Server Component. Client-side interactivity is strictly scoped to four files: Header, Reveal, ContactForm, and global providers. This approach simplifies the state model, ensuring that the signature floating navigation component derives its state independently from scroll, route, and menu inputs.
Tradeoffs and limitations
The blueprint prioritizes an honest, backend-less architecture. The contact form does not simulate a database submission; it constructs a mailto URL, ensuring no false expectations of a server-side API are set for the implementer.
Current limitations include the absence of automated sitemap or robots file generation, despite the existence of generator functions in the codebase. Additionally, dynamic route segments synthesize titles from slugs rather than fetching data, a deliberate simplification that requires further development for production content management.