ID:WORK-013Status:pendingPriority:lowComplexity:unknown
Build partner Rune
Summary
Logo grid of partners, clients, investors, or sponsors with optional links. Common on company about pages and landing pages. Alias: client.
Attributes
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
layout | String | 'grid' | No | grid (fixed columns) or marquee (scrolling) |
columns | Number | 4 | No | Grid column count |
grayscale | Boolean | true | No | Display logos in grayscale (color on hover) |
Content Model
- Images → partner logos. Alt text becomes the partner name.
- Links wrapping images → partner logos with clickthrough URLs.
- Headings → section titles (for grouping: "Platinum Sponsors", "Gold Sponsors")
- Header group: heading + paragraph → section eyebrow/headline/blurb
Transform Output
- typeof:
Partner - Tag:
<section>withproperty: 'contentSection' - Properties:
eyebrow,headline,blurb,layout,columns,grayscale - Refs:
logos(ul of li elements, each containing an img or a>img)
Implementation Tasks
- Create schema in
runes/business/src/tags/partner.ts - Add RuneConfig entry in
runes/business/src/config.ts - Write CSS in
packages/lumina/styles/runes/partner.css - Import CSS in
packages/lumina/index.css - Add marquee scrolling behavior if
layout="marquee"(candidate for@refrakt-md/behaviors) - Write tests in
runes/business/test/tags/partner.test.ts - Create inspector fixture