e75f9ad4fe
All checks were successful
Deploy to Production / deploy (push) Successful in 1m2s
Owner: "die logos müssen stimmen echte sein fetche sie." Replaced the
ASCII single-character marks (P / S / N / G / S / {}) with the actual
brand SVGs.
Sources:
- PostgreSQL, Notion, GitHub, Stripe paths from Simple Icons (CC0,
https://simpleicons.org). Inlined as React components with
fill="currentColor" so the icon colour is CSS-driven and matches
whatever foreground the brand chip uses.
- Salesforce was deindexed from Simple Icons in 2022 at the brand's
request, so I drew a clean generic cloud in the same silhouette
family — close enough to read as Salesforce-cloud-shape without
copying their trademarked mark.
- Custom REST gets a stylised pair of curly braces rendered as
stroked paths, signalling "any HTTP API" without pretending to be
a specific brand.
Brand colours used as chip backgrounds, all official values:
- PostgreSQL #336791 · Salesforce #00a1e0 · Notion #ffffff
- GitHub #181717 · Stripe #635bff · REST #6366f1
Notion is the one inversion — its mark is rendered in #0a0a0b on a
white chip because that's how Notion's actual brand mark reads. The
others all render the icon in white on a brand-colour chip.
Use of the marks is nominative fair use — they show compatibility
with each platform, not endorsement.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
||
|---|---|---|
| .. | ||
| particle-hero | ||
| ui | ||
| brand-icons.tsx | ||
| code-block.tsx | ||
| cookie-banner.tsx | ||
| country-picker.tsx | ||
| docs-page.tsx | ||
| hero-animation.tsx | ||
| hero-step-rotator.tsx | ||
| hero-video.tsx | ||
| input.tsx | ||
| install-snippets.tsx | ||
| json-ld.tsx | ||
| logo.tsx | ||
| marketing-auth-buttons.tsx | ||
| marketing-mobile-menu.tsx | ||
| mobile-action-bar.tsx | ||
| pulse.tsx | ||
| scroll-cue.tsx | ||
| static-code-block.tsx | ||
| status-pill.tsx | ||
| streaming-logs.tsx | ||
| user-menu.tsx | ||