feat: add homepage Partners wall and show all logos in brand colour - #24
Merged
Conversation
Adds a "Powering platforms worldwide" section below the feature cards
listing active partners (Kibidango, MiniPay, Relay Funder, OnSet Health,
Karma) and past partners (Catarse, Vaki), and expands the hero trust bar
with the Immunefi and PeckShield audits alongside OpenZeppelin.
Both rows now render in full brand colour rather than as silhouettes.
Third-party marks ship in differing polarities, so each logo declares its
ink via a shared .oak-ink-* modifier instead of relying on one blanket
filter — getting this wrong makes a logo silently vanish in one theme:
- paired light/dark lockups where the vendor publishes both
(MiniPay, OpenZeppelin, Immunefi, Vaki)
- .oak-ink-dark — monochrome dark ink, inverted on dark (a16z, Onset)
- .oak-ink-white — monochrome white ink, inverted on light (Karma)
- .oak-ink-white-only — white ink that is NOT monochrome and has no
published dark-background version (PeckShield's cyan shield, Relay
Funder's tri-colour symbol). Inverting would corrupt those hues, so
light mode flattens them to a silhouette. Replace with proper light
lockups if the partners supply them.
Catarse publishes no dark lockup, so catarse-dark.svg recolours only the
seven wordmark fills and leaves all six swirl colours untouched.
MiniPay's press-kit files carry a full-canvas background plate and
intrinsic width/height attributes that override the viewBox aspect ratio;
both are stripped and the viewBox tightened to the measured artwork
bounds so the mark sits on transparent like every other logo.
Logos are sized for equal visual mass rather than equal pixel height,
since ratios range from 8.6:1 (Kickstarter) to 1.2:1 (MiniPay). The
partner groups stack vertically because five logos plus two overflow the
1032px content column side by side.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Combines "Active partners" and "Past partners" into a single Partners
wall of 15 logos, wrapping 5/5/5. Adds Celo, Privy, Stripe, Bridge,
Fireblocks, Ramp, BILL and Rippling.
The row deliberately mixes platforms that build on Oak (Kibidango,
Catarse, Vaki, Relay Funder, OnSet, Karma, MiniPay) with the
infrastructure Oak builds on (Celo, Privy, Stripe, Bridge, Fireblocks,
Ramp) — one flat list per the agreed design.
Replaces the silhouette fallback with a hue-preserving inversion.
.oak-ink-white-tint now applies invert(1) hue-rotate(180deg): the invert
flips lightness so a white-ink mark reads on a light background, and the
hue-rotate puts the hues back, so PeckShield keeps its cyan shield and
Relay Funder its tri-colour symbol instead of going solid black.
Asset notes, all of which needed correcting before they rendered right:
- Rippling publishes a *fade* variant — every gradient runs white to
stop-opacity="0", so the letterforms dissolve and the mark looked
washed out in BOTH themes. The 8 stops are made opaque, which also
makes it true monochrome, so it now inverts exactly via .oak-ink-white
rather than needing the hue trick.
- Celo only publishes a combined "CELO Docs" lockup. The four Docs
glyph paths (all starting at x>=262) are dropped and the viewBox
cropped to the 221x50 wordmark, so the row reads "Celo" not
"Celo Docs".
- Celo and Privy are served from signed Mintlify CDN URLs; the bare
paths 404/400. Note both vendors' docs sites return Mintlify's
default "Mint Starter Kit" placeholder at the conventional
/logo/light.svg path — verified by rendering, not by status code.
- Bridge's official lockup includes "a stripe company"; kept as
published even though Stripe also appears in the row.
Fixes logos collapsing to 0px wide: as shrinkable flex items, width:auto
images have no intrinsic floor once the row is given a max-width, so
.oak-partner needs flex: 0 0 auto.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
rayedsikder
changed the title
The Backed by and Audited by marks were bare <img> while the Partners row was already clickable. Wraps all five (Kickstarter, a16z crypto, OpenZeppelin, Immunefi, PeckShield) in anchors with target="_blank" and rel="noopener noreferrer", matching the Partners treatment. .oak-trust-link mirrors .oak-partner, including flex: 0 0 auto — width:auto images have no intrinsic floor as shrinkable flex items and would collapse to zero. Hover moves from the img to the anchor so the whole target lights up. All 21 external links on the page verified reachable. Note kickstarter.com returns 403 to curl even with full browser headers; that is datacenter-IP blocking, confirmed loading normally in a real browser. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
adnanhq
approved these changes
Aug 11, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a Partners section below the feature cards — one flat wall of 15 logos, wrapping 5/5/5 — and expands the hero trust bar with the Immunefi and PeckShield audits alongside OpenZeppelin. Every mark on the page now renders in full brand colour rather than as a silhouette.
Kickstarter is deliberately kept in Backed by only — the same mark twice on one screen reads as a rendering bug.
The Partners row intentionally mixes platforms that build on Oak (Kibidango, Catarse, Vaki, Relay Funder, OnSet, Karma, MiniPay) with the infrastructure Oak builds on (Celo, Privy, Stripe, Bridge, Fireblocks, Ramp), as one flat list.
Why polarity is declared per logo
Third-party marks ship in different polarities, and one blanket filter makes some of them silently vanish in a theme. Each logo declares its ink:
.oak-ink-dark.oak-ink-white.oak-ink-white-tint.oak-ink-white-tintappliesinvert(1) hue-rotate(180deg)— the invert flips lightness so the mark reads on white, the hue-rotate restores the hues, so PeckShield keeps its cyan shield rather than turning orange.Asset corrections
Several vendor files needed fixing before they rendered correctly:
stop-opacity="0", so the letterforms dissolve. It looked washed out in both themes, not just one. Stops made opaque, which also makes it true monochrome so it inverts exactly.Docsglyph paths are dropped and the viewBox cropped to the 221×50 wordmark, so the row reads "Celo".width/heightattributes that override the viewBox ratio — both stripped, viewBox tightened to measured bounds.catarse-dark.svgrecolours only the seven wordmark fills, leaving all six swirl colours untouched./logo/light.svgpath. Caught by rendering the files rather than trusting the 200. Their real assets come from signed CDN URLs.Layout
Logos are sized for equal visual mass, not equal pixel height — ratios span 8.6:1 (Kickstarter) to 1.2:1 (MiniPay).
Fixed a bug where all logos collapsed to 0px wide: as shrinkable flex items,
width:autoimages have no intrinsic floor once the row gets amax-width. Needsflex: 0 0 auto.Verified in both themes: 18 marks load, none broken, none zero-width, no horizontal overflow.
Follow-ups
images/open-zeppelin.pngis now unreferenced (replaced by the SVG pair) and can be deleted separately.oak-ink-white-tintclass and swap the file.🤖 Generated with Claude Code