Design Systems
Agency Grid Layout Minimal
Grid editorial de várias colunas com títulos enormes e rótulos minúsculos em caixa alta.
O que é
Uma direção de layout para sites de agência: cascas de grid largas, títulos de display enormes, metadados pequenos em caixa alta nas colunas ao lado e blocos de imagem arquitetônicos.
Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
Por que isso importa para design
- O posicionamento rígido em colunas faz cada elemento parecer estar ali de propósito.
- O contraste de escala entre os títulos de display e os metadados minúsculos carrega a hierarquia.
- O espaço negativo é preservado em vez de preenchido, mantendo a página editorial.
O que cobre
- Scope
- Visual target
- Implementation guidance
- Recommended patterns
- Tuning knobs
- Avoid
Como instalar
Agency Grid Layout Minimal
-
Clone o repositório.
git clone https://github.com/MengTo/Skills -
Aponte o Codex para o arquivo da skill.
agent-skills/web-design/agency-grid-layout-minimal/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Defina primeiro uma casca de max-width larga com divisões de coluna visíveis.
-
Ancore um título de hero ao longo da maioria das colunas e o texto de apoio numa coluna lateral.
-
Monte as linhas de serviço como listagens de várias colunas com rótulos de metadados minúsculos.
Todo plugin aqui é gratuito, open source e leva até a sua fonte original.
Mais na lista codex-design ↗Mais plugins de design para o Codex
Frontend & UI O que ele faz gpt-taste Cria landing pages estilo premiado com movimento de scroll em GSAP e grids bento sem falhas. 
Design Systems O que ele faz Stitch Design Taste Escreve um DESIGN.md que guia o Google Stitch para telas que fogem do genérico. 
Frontend & UI O que ele faz image-to-code Gera imagens de design primeiro, analisa cada uma e só depois constrói o código de frontend correspondente. 
Frontend & UI O que ele faz imagegen-frontend-mobile Gera fluxos de telas de app mobile em nível premium, como imagens, não como código. Próximo passo
Projete com o Open Design, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do Codex com o Open Design. Use sua própria chave e seja dono do resultado.