grid-sandbox
Prancheta digital para prototipar grids: 18 formatos, 21 grids e 11 escolas de design, com exportação em SVG, PNG e CSS.
Sobre o projeto
Antes de abrir o Illustrator, o Figma ou o Photoshop, o Grid Sandbox deixa o designer experimentar dezenas de estruturas e diagramações em segundos. Escolha o formato, o grid e a escola de design, percorra as combinações com as setas, ajuste à mão com encaixe nas colunas e exporte. A teoria vai junto: cada grid traz conceito, origem, quando usar, estratégias e erros comuns — Müller-Brockmann, Tschichold, Van de Graaf, Gerstner e Bringhurst. A página dupla é a unidade, com margens progressivas, medida de 60–70 caracteres e entrelinha de 120–145%.
Destaques
- 18 formatos de impressão e tela, 21 tipos de grid e 11 escolas de design
- 6 receitas de livro com a teoria por trás de cada escola de diagramação
- Combinações determinísticas com atalhos de teclado e modo manual encaixado no grid
- Exporta SVG em camadas, PNG até 300 dpi, CSS Grid e ficha técnica para o InDesign
Onde encontrar
O código é público no GitHub — repositório, README e histórico de commits fazem parte do projeto. O site de produção está no ar e a captura acima veio dele. dduenhas/grid-sandbox.