Cobalt Grid
Cobalt Grid — Electric cobalt italic serifs on a graph-paper canvas, anchored by stair-stepped pixel-glitch decorations and slim hairline rules. Tipografia Newsreader (italic). warm cream / ivory paper canvas with one strict accent of electric cobalt royal . Ideal para design trend or research report, studio annual or seasonal bulletin, creative agency capabilities deck. Prompt pronto para IA generativa.
Uso: design trend or research report, studio annual or seasonal bulletin, creative agency capabilities deck, art or architecture publication, academic / curatorial publication, newsletter or zine pitch
Contexto Histórico
Tradição dos boletins de design e publicações de estúdio europeus — papel ledger, grid de gráfico e acento único. Influência de Swiss Style + design editorial modernista.
Quando Usar
Deploy Cobalt Grid when your product speaks to people who read datasheets for fun. Developer tools, engineering platforms, scientific instrumentation interfaces, fintech dashboards where precision isn't a feature — it's the entire value proposition. This system falls apart the moment you need warmth or approachability. That's not a flaw. It's a filter. If your brand needs to feel human and friendly, walk away. If it needs to feel correct, you're home.
Princípios de Design
- Precision over decoration — every grid line serves spatial logic, never ornament. If a line doesn't help the eye measure or align, delete it.
- Bichromatic discipline — two colors maximum. Hierarchy lives in weight, opacity, and density. The moment you reach for a third hue, you've lost the plot.
- Typography carries the load — with color restrained, type size contrast does the heavy lifting. Set your scale ratio aggressive: 1.414 minimum. Timid scales disappear against the grid.
- The grid is content, not background — treat the graph-paper substrate as a first-class design element. It participates in composition. It's not wallpaper behind your layout; it IS your layout's skeleton made visible.
- Engineered whitespace — space isn't empty, it's measured. Margins and gutters should feel calculated, not comfortable. This system rewards mathematical spacing over optical balancing.
Especificações Técnicas
Cores
Primárias
Efeitos
display font Newsreader (italic) for hero headlines, smooth hover transitions (200-250ms), subtle lift shadows, graph-paper grid overlay (10% cobalt), stair-step pixel decorations, hairline rules
Light/Dark
✓ Full / ✗ None
Relacionados
Última sincronização: 06/05/2026