Preview image. Unlock full-res
Light split feature section pairing floating package registry cards on the left with a "Trusted sources" headline and copy on the right.
Summary
A light, asymmetric features block that visualizes package trust with three floating registry cards while the right column explains approved, community-sourced installs.
Visual description
White background with a subtle square grid and scattered red, purple, and orange pixel accents. Left side shows three staggered package cards at slight angles: a Docker card for "autoscaler" (v1.0.3, github/ci-autoscaler, 2 stars, 35 downloads) with a padlock badge; an npm card for "primer/css" (v13.4.0, 6.3k downloads) with a globe badge; and a RubyGems card for "rubygems/project" (v6.0.3, 52 downloads) also with a globe badge. Each card shows ecosystem icon, package name in blue, version and commit hash, repo link, and download stats. Right column holds a bold dark heading "Trusted sources" and muted body copy about understanding package contents and using organization-approved packages from the GitHub community.
Key takeaway
Floating, slightly rotated cards make abstract registry data feel tangible without a full UI screenshot. Overlapping trust badges (padlock, globe) on card corners communicate approval at a glance.
Reuse notes
Works for developer platforms explaining supply-chain trust or multi-ecosystem support. Needs real package metadata to stay credible. Light palette pairs well with adjacent dark sections on the same page.
