What problem does it solve?
This skill guides the creation of content-first informational websites such as portfolios, editorial sites, blogs, landing pages, and small-business pages, ensuring a cohesive design system and accessible implementation.
Core Features & Use Cases
- Guidance on art direction inference from subject matter (e.g., portfolio moody, editorial typography, small business clarity) to establish typography, color, and layout strategies.
- Protocols for shared design tokens, typography rules, and editorial patterns that scale across pages and sections.
- Best practices for multi-column editorial layouts, responsive design, accessibility, SEO fundamentals, and performance considerations for information-rich sites.
- Real-world use cases include building personal sites, corporate landing pages, editorial publications, and blog indexes with magazine-like layouts.
Quick Start
Load the informational skill and start by identifying the site type and audience, then apply the shared typography and layout guidelines to sketch a content hierarchy and grid structure.