Preview image. Unlock full-res
Integrations directory with a left category sidebar and grouped logo cards for payroll, HCM, and HR platforms, plus an API developer CTA.
Summary
A scannable integrations catalog: sticky left nav for categories, right-side grouped grids of partner logo cards, and a bordered API upsell box in the sidebar.
Visual description
White page in two columns. Left sidebar: small gray "CATEGORIES" label, vertical links for Payroll & Expenses, Human Capital Management, and Human Resources, then a light-bordered box with copy about building G-P into your platform and a filled blue "See developers portal" button. Right column stacks three sections with bold black headings matching the sidebar categories. Each section holds white bordered cards with partner logos (ADP TotalSource, ADP Workforce Now, Sage Intacct; BambooHR, Personio, TriNet, UKG, Workday; Greenhouse, HiBob) and short gray body copy describing the sync capability. Cards use consistent padding, light gray borders, and generous vertical spacing between groups.
Key takeaway
Category sidebar plus anchored section headings make a long partner list feel navigable without tabs or filters. Uniform logo cards with one-sentence value props keep dozens of integrations readable. Tucking the API CTA in the sidebar captures developer intent without interrupting the partner grid.
Reuse notes
Strong pattern for B2B integration marketplaces or HR platform partner pages. Needs recognizable partner logos and concise sync descriptions per card. Grid wraps to fewer columns on smaller viewports; sidebar may collapse to top nav on mobile.
