Design System · Sections

Section__WorkingGroupGallery

Sibling to Section__ProjectGallery with the same four variants and CSS, but the data is enriched: each entry carries the WG plus its currently-active projects (pre-joined by the loader) so the card can show a small chip row of "current projects."

Mode
Theme

Variant: portfolio — Working Group Cards

Banner thumbnail + title + lede + leads + tag chips, plus an active-projects chip row showing 1–3 currently-running projects. Default for the active section on /working-groups/.

In flight

Active Working Groups

Communities of practice meeting on a regular cadence.

  1. Hack & Ship

    VCs who build — co-develop small, real, shippable software that solves something specific in your firm or your portfolio.

    Michael Staton

    Active projects · MemoPop AI

    • App-Development
    • Rapid-Prototyping
    • Internal-Tools

    Get involved:

  2. Performance Content Development

    Tame AI to sing in your own voice — thought leadership, materials generation at the cadence and quality of an analyst desk — fine-tuned to preferences, research-rigorous, citation-disciplined, defensibly written.

    Michael Staton

    Active projects · Content Farm

    • Market-Research
    • Thought-Leadership
    • Materials-Generation

    Get involved:

Variant: mission-brief — Number-badge dossier

Same projects in the alternate "standard" treatment. Echoes AreasOfVentureGrid rhythm — useful when WGs feel curriculum-shaped.

Mission briefs

Same data, dossier treatment

  1. Building Practice

    Hack & Ship

    Make things people want — internal tools, open source projects, tiny SaaS. Check out new tooling, treat shipping as a craft, and have fun doing it peers who are willing to get nerdy.

    Active · MemoPop AI

    TBDStatus: Active

    Get involved:

  2. Content Workflows

    Performance Content Development

    Explore how a small VC team can ship sharp, defensible, citation-rich content rapidly — without hiring an editorial team. We share editorial workflows, agent loops, and the standards we hold each other to.

    Active · Content Farm

    TBDStatus: Active

    Get involved:

Variant: lite — Open-call cards

No thumbnail. Dashed border. Used by the proposed section on /working-groups/.

Open call

Proposed working groups

  1. Data-Driven Venture

    Make data work for you and your firm - sourcing, enrichment, scoring, and the workflow that creates a true engine of better decisions and mangement.

    Join the working group →

    Get involved:

  2. Tech Stack Deep Dives

    Go deep on the stack, choose or use better vendors and apps across workflows — CRM, Fund Admin Platforms, Syndicate Platforms, efficiency tools, or even Excel mastery — at a level of detail that creates results.

    Join the working group →

    Get involved:

Variant: shelf — Archive rows

Compact horizontal rows. Used by the archived section.

Props + tokens
<Section__WorkingGroupGallery
  contextSetterTxt="In flight"
  headingTxt="Active Working Groups"
  introTxt="Optional intro paragraph."
  entries={entries}                // pre-joined: WorkingGroupWithProjects[]
                                   //   each = { wg, currentProjects }
  variant="portfolio"              // 'portfolio' | 'mission-brief' | 'lite' | 'shelf'
  emptyHide={true}                 // empty list renders nothing
/>

/* Tokens read */
--fx-card-bg, --fx-card-border, --fx-card-border-hover,
--fx-card-shadow, --fx-card-shadow-hover,
--color-text, --color-text-muted, --color-primary, --color-secondary,
--color-surface, --color-border, --color-background,
--color-status-active, --color-status-proposed, --color-status-archived,
--font-display, --font-body, --font-code