Style: Editorial Grid / Magazine. Type: General. Keywords: Magazine layout, asymmetric grid, editorial typography, pull quotes, drop caps, column layout, print-inspired. Primary Colors: High contrast: Black #000000, White #FFFFFF, accent brand color. Secondary Colors: Muted supporting, pull quote highlights, byline colors, section dividers. Effects & Animation: Smooth scroll, reveal on scroll, parallax images, text animations, page-flip transitions. Best For: News sites, blogs, magazines, editorial content, long-form articles, journalism, publishing. Do Not Use For: Dashboards, apps, e-commerce catalogs, real-time data, short-form content. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ WCAG AAA. Mobile-Friendly: ✓ High. Conversion-Focused: ✓ Medium. Framework Compatibility: CSS Grid 10/10, Tailwind 10/10. Era/Origin: 2020s Editorial Digital. Complexity: Low. AI Prompt Keywords: Design an editorial magazine layout. Use: asymmetric grid, pull quotes, drop caps, multi-column text, large imagery, bylines, section dividers, print-inspired typography, article hierarchy, white space balance.. CSS/Technical: display: grid with named areas, column-count for text, ::first-letter for drop caps, blockquote styling, figure/figcaption, gap variations, font: serif for body, variable widths. Implementation Checklist: ☐ Grid asymmetric, ☐ Typography editorial, ☐ Pull quotes styled, ☐ Drop caps present, ☐ Images large/impactful, ☐ Mobile reflows well. Design System Variables: --grid-cols: asymmetric, --body-font: Georgia/Merriweather, --heading-font: bold sans, --drop-cap-size: 4em, --pull-quote-size: 1.5em, --column-gap: 2rem.