Aisol Spec Sheet - product specification section for Framer
A specification section for Framer that runs on your CMS collection: specs grouped under headings, label and value on every row, and a definition list a screen reader can actually read.
What you get
- One Framer code component (Aisol Spec Sheet), delivered as a Component URL.
- Groups with an optional note, rows with label, value, note and a highlight flag.
- A component slot per row, so a CMS collection drives the sheet directly.
- Free updates.
How it behaves
- A real definition list: group headings at the level you choose, each row a term and its value. No table, no grid of divs.
- Values you write: any string, plus yes/no that become check and cross icons with the words behind them.
- Two layouts: a two-column sheet that stacks label over value on phones, or grouped cards in two columns that fall to one.
- Nothing moves: no observers, no scroll listeners, no transitions. The sheet renders finished on first paint and on the Framer canvas.
- Jump links stay inside the component and move focus to the group heading. No hash in your URL.
- Empty state text instead of a blank frame. Colours given as rgb() reach the page unchanged.
Requirements: any Framer project. No plugins, no external libraries.