Aisol Spec Sheet

Aisol Spec Sheet lays out the specifications of one product or service as labelled rows under group headings — dimensions, materials, what is included — from your own content or a CMS collection.

It is a real definition list, not a table: each group is a heading at the level you choose, each row a term and its value, so a screen reader reads it as what it is.

Nothing is observed, measured or animated: the group jump links scroll only the component's own headings, no hash is written, and the Framer canvas shows the finished sheet on the first paint.

- Groups with an optional note, and rows that match a group by name — write the rows once, reorder the groups freely.

- Per row: label, value as a string you write, an optional note under the value, and a highlight flag for the rows that matter.

- Values that are exactly yes or no become check and cross icons with the words behind them; anything else stays as text.

- Two layouts: a two-column sheet that stacks label over value on phones, or grouped cards in two columns that fall to one under a width you set.

- Empty state text instead of a blank frame. Colours given as rgb() reach the page unchanged.

What you control

• Groups as an array: name and note — or bind a CMS collection through the row slots

• Rows as an array: group, label, value, note, highlight — rows whose group matches nothing land in one final group you name

• Sheet or columns layout, stack breakpoint, label column width, group jump nav on/off, heading level, region label, empty-cell and empty-state text

• Accent, text, muted, line, label fill, highlight fill and card colours; card on/off; text size; max width (0 = fill); radius; gap; left or centred

Limits: one product per sheet by design — for two to four products side by side, use Aisol Compare Table. Values are strings; there is no unit conversion. Row slots pair by index with the flat rows array, not with a group.