Employee cards, Conduction Design System

Compact · for team grids

Detail · for /about/team

Ruben van der Linde

Founder · Architect · Conduction

Built the Technical Core architecture and wires together how OpenRegister, OpenConnector, and DocuDesk cooperate. Spends most of his time on schema-design and federated data patterns.

Apps I work on

OpenRegister OpenConnector DocuDesk

ruben@conduction.nl github.com/rubenvdlinde

Photo · for the public team grid

Ruben

Lateral thinker and the brain behind the tech.

Founder and solution architect. Started Conduction in 2019 to bring open-source thinking to Dutch government IT, now sets the engineering direction across all twelve apps.

Mount in MDX as <EmployeeCard/>

Three variants from the same component. Pair with <TeamGrid/>. Built-in icon set covers email, github, linkedin so callers don't repeat the SVG markup.

Import & example

import {TeamGrid, EmployeeCard} from '@conduction/docusaurus-preset/components'; <TeamGrid columns={3}> <EmployeeCard variant="photo" name="Ruben van der Linde" role="Founder · Architect" initials="RV" avatarColor="var(--c-blue-cobalt)" bio="Built the Technical Core architecture..." links={[ {label: 'GitHub', href: '...', icon: 'github'}, {label: 'email', href: 'mailto:...', icon: 'mail'}, ]} /> </TeamGrid>

Props

variant compact | photo | detail

name display name

role Plex Mono caption under the name

initials 2-letter avatar fill

photo img src (overrides initials)

avatarColor hex tint when no photo

bio body paragraph (photo & detail)

apps string[] (detail variant)

links array of {label, href, icon}