Presets: Logos

A slim partner strip. Sits under a hero without breaking the flow.

A slow, endless scroll. Pauses on hover and stops for reduced motion.

Logos in a ruled grid. Sponsors, funders, member churches.

One partner's quote and results beside the logo wall.

Two rows of logos drifting in opposite directions under a centered header, with soft faded edges; pauses on hover and becomes a still two-row grid for reduced motion. Use for a lively partner wall on home or campaign pages. Needs an even number of logos (8–16) with a tooltip on each; mono-dark-hover treatment, logoHeight sm or md.

Each logo sits in its own rounded pill, clustered and centered under a short line like "Trusted by". Use for a friendly, compact trust signal under a hero or beside a signup. Needs 5–10 logos with tooltips and a one-line intro; no headline required. Use logoHeight sm.

Three large logos in tall cards, each with a caption line taken from its tooltip (for example "Alder Credit Union · Founding sponsor"). Use to honor a few lead sponsors or anchor partners. Needs exactly 3 logos, columns 3, logoHeight lg; write each tooltip as "Name · role".

Header above a dark, rounded band of tiled logos shown in white that lift gently on hover. Use to make a funder or member wall feel premium, especially on a light page. Needs 6–12 logos (a multiple of the column count), columns 4 or 6, logoHeight sm or md.

A newspaper-style press row between a double rule and a hairline: a small-caps label stacked on the left, logos split by thin vertical rules. Use for press mentions, awards, or media coverage. Needs 3–5 logos and a two- or three-word intro ("As seen in"); no headline needed.

Sponsors sized by tier with no labels needed: the first 2 logos are large feature cards, the next 3 sit in medium ruled cells, and the rest form a small row. Use for event sponsors, gala pages, or giving circles. Order items by tier; needs 8–11 logos with tooltips.

A framed, swipeable logo rail with snap points and arrow buttons (built with CSS; browsers without scroll buttons still swipe and scroll). Use when there are many partners and the page needs to stay short. Needs 8–16 logos; link each logo (href) so keyboard users can move through the rail.

A full-height photo panel on the left carries the partner's quote in white; the headline, impact stats, and a logo row sit on the right. Use for a strong partner or donor story on a landing page. Needs a backgroundImage (people, not text), a short quote with attribution, 2–3 stats, and 3–6 logos.

A compact framed bar: a short quote on the left and two big stats inline, with the headline and a small logo row above it. Use as a quick proof moment between sections, under a hero, or before a form. Needs a quote under 25 words, exactly 2 stats, and 4–6 logos.

One case-study card: a brand-colored panel shows the partner's logo and the headline result (the first stat, very large), beside the story, quote, and supporting stats. Use to feature one partner's outcome. Needs 1 logo (only the first shows), 2–3 stats with the headline result first, a quote, and an action.

A centered, symmetrical proof block: header, a ruled row of logos, then a row of big numbers, and the quote as a closing line underneath. Use on about or partner pages when the numbers matter as much as the names. Needs 4–6 logos (columns to match), 3 stats, and a one-sentence quote.