Preview image. Unlock full-res
Light-mode feature stack pairing a YAML workflow editor with a marketplace-style grid of third-party action cards and a four-column testimonial row.
Summary
A multi-part GitHub Actions page slice that sells community-powered workflows with live YAML, surfaces marketplace integrations as scannable cards, then closes with enterprise quotes.
Visual description
Top band uses a split layout: left shows a stylized ci.yml editor window with syntax-colored GitHub Actions YAML defining a cross-platform test matrix (ubuntu, macos, windows) and setup steps; right holds a "Community-powered workflows" heading and explanatory body copy about connecting tools and publishing custom actions. Middle band is a horizontal grid of white integration cards, each with a brand icon, action title, short description, and repository link. Visible cards include Amazon ECR Login, Deploy to Kubernetes, Code Climate Velocity, Coveralls, Label a pull request, Deploy to Zeit, and Google Cloud Platform. Bottom band titled "What our community is saying" spans four equal columns with company logos (Autodesk, Globant, mabl, CircleCI) and attributed pull quotes. Overall palette is white cards on a very light gray background with restrained typography.
Key takeaway
Stacking proof layers: show the actual config file, then the ecosystem of plug-ins, then named customer voices. The integration cards stay uniform (icon, title, one-liner, link) so a long marketplace list scans quickly.
Reuse notes
Best for platform or marketplace products where developers need to see both the primitive (YAML/config) and the ecosystem around it. The three-band structure is long; consider using bands independently. Testimonial row needs recognizable logos to land.
