WORK-013
ID:WORK-013Status:pending

Build partner Rune

Priority:lowComplexity:unknown
claude/align-sidenav-styling-4MuxV View source

Relationships

Implements 1
Branches 3
claude/align-sidenav-styling-4MuxV current pending
claude/file-naming-convention-LJdwR pendingmain pendingchangeset-release/main pending
History 2
  1. ebe0c64
    Content editedby Claude
    Migrate plan files to {% ref %} xref syntax (WORK-021)
  2. d275b2a
    Created (pending)by Claude
    Add work items for 16 unbuilt runes from SPEC-008

Summary

Logo grid of partners, clients, investors, or sponsors with optional links. Common on company about pages and landing pages. Alias: client.

Attributes

NameTypeDefaultRequiredDescription
layoutString'grid'Nogrid (fixed columns) or marquee (scrolling)
columnsNumber4NoGrid column count
grayscaleBooleantrueNoDisplay 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> with property: 'contentSection'
  • Properties: eyebrow, headline, blurb, layout, columns, grayscale
  • Refs: logos (ul of li elements, each containing an img or a>img)

Implementation Tasks

  1. Create schema in runes/business/src/tags/partner.ts
  2. Add RuneConfig entry in runes/business/src/config.ts
  3. Write CSS in packages/lumina/styles/runes/partner.css
  4. Import CSS in packages/lumina/index.css
  5. Add marquee scrolling behavior if layout="marquee" (candidate for @refrakt-md/behaviors)
  6. Write tests in runes/business/test/tags/partner.test.ts
  7. Create inspector fixture