Design system  /  Components  /  HexNetwork

HexNetwork — the honeycomb-grid component.

Pointy-top hex tiles arranged in a 3-3-3 (or 2-3-2 / 3-4-3) honeycomb. One tile in the centre carries the brand anchor; the surrounding tiles carry integrations or partner logos. Two surfaces, one component: the ConNext integrations row and the partner-page hero.

SURFACE 01 · Integrations on ConNext

Plays well with the workspace.

Conduction apps live next to the standard Nextcloud tools, not instead of them. Mail, calendar, contacts, Talk, Decks. Plus the wider workspace stack we ship next to: XWiki for docs, OpenProject for tasks, Discourse for the public forum.

SURFACE 02 · Partners page hero

From VNG to your gemeente.

Implementation partners around the Conduction core. The same component, swapping integration logos for partner marks. Centre stays Conduction; the orbit changes per surface.

YARD
Strategic
ACATO
Strategic
PROCOLIX
Certified
ITERATE
Partner
Conduction
RITENSE
Partner
SHIFT2
Partner
BCT
Partner
+ join us
 

The component is <HexNetwork center={...} cells={[...]} layout="3-3-3" />. Layouts: 3-3-3 (default, 9 cells with the centre as anchor), 2-3-2 (compact, 7 cells), 3-4-3 (wide, 10 cells, no centre slot).