agency-grid-layout-minimal
Installation
SKILL.md
Agency Grid Layout Minimal Skill
Use When
- Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
Workflow
Scope
- Apply this as a full design-system direction across page layout, typography, image framing, service rows, labels, CTAs, and supporting motion.
- Use it when the design should feel like a refined architecture, design, or strategy agency site built on a strict grid and minimal visual language.
- This is not a generic startup landing page and not a heavily containerized dashboard. The layout should feel editorial, spacious, and precisely structured.
Visual target
- Build the page on a disciplined multi-column grid with large open spans, careful alignment, and generous negative space.
- Use oversized headlines with tight tracking and strong line breaks as the primary visual anchor.
- Pair the hero typography with very small uppercase utility labels, timestamps, section markers, or descriptive copy blocks placed in adjacent grid columns.
- Keep surfaces minimal: light neutral backgrounds, subtle tonal shifts, thin separators, quiet image frames, and very restrained accent use.
- Let imagery feel architectural and premium, usually as large panoramic or facade-like blocks rather than card-heavy galleries.