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.
Installs
94
Repository
mengto/skills
GitHub Stars
2.5K
First Seen
14 days ago
agency-grid-layout-minimal — mengto/skills