Skip to content

Vendor comparison template

Scorecard Grid

Card-grid dashboard · Basalt & cyan · Montserrat + Lato

The full document

Download the compiled PDF
Scorecard Grid — vendor comparison template, Card-grid dashboard layout, rendered from live data

Rendered by the same engine the API runs — this is the compiled output, not a mock-up.

What happens when your data replaces the sample

What Scorecard Grid does when the data is longer, shorter or emptier than the sample:

Fixed page furnitureNever grows, never moves
the foot rule carrying the method note and the folio (fixed height — nothing in it may grow)
Repeats per recordOne block per row of your data
criterion rows down the matrix; vendor columns across it; the score cell in every intersection
Grows with your dataAbsorbs long values without breaking
the standfirst; the recommendation panel; any criterion name that wraps
Pinned to every pageHolds position across page breaks
the foot rule sits at the page bottom on every page
Order on the pageWhat sits after what
the vendor header follows the title band, the criteria follow the header, the weighted total last
Page breaksWhat may split, what must not
the criteria list may split across pages; the vendor header repeats above each part; the total row must not split
Last pageHow the document ends
the weighted total and the recommendation may occupy the final page alone

Palette and type

Basalt & cyan

  • Ink#14201f
  • Accent#0e9aa7
  • Canvas#f2f6f6

Montserrat + Lato

The pairing this design was drawn around, laid out as aCard-grid dashboardon A4 landscape. Either face can be swapped in the editor — the layout holds on the grid, not on a font's metrics.

Other vendor comparison designs

All vendor comparison templates →

Scorecard Grid is the card-grid dashboard reading of this document; its siblings take it differently — organic arches and minimal, type-led.See all vendor comparison templates.