H-1 · Dark band
Default for new pages. Confident, compact, neutral. Existing on the Circles Group draft.
For community managers
Your community deserves its own money.
Launch a Circles Group, mint a currency, and build trust into the supply.
Internal · sketchpad
Pattern library.
Visual catalog of marketing-page patterns we could harvest into shared
components. Nothing here is promoted yet. Browse, mark favourites, and
the ones that earn their keep across two or more campaigns graduate
into src/components/ via designer review.
Hero sections
Eight ways to open a page. Pick one per campaign.
H-2 · Split asymmetric
Product launches. Headline left, oversized object or sigil right. Baselines mis-align deliberately for tension.
Gnosis Pay · 5% cashback
A Visa card that pays you back in your own money.
Self-custodial. 151 countries. No bank in the middle.
Order the card →H-3 · Marquee headline
Feature announcements where the name itself IS the message. Boldonse scrolls horizontally as ambient motion.
Q3 is on. Refer the next 100 of your friends, earn up to 10,000 CRC.
See the rules →H-4 · Cycling noun
Multi-audience pages. Static headline with one swapping word that addresses each reader in turn.
H-5 · Editorial quote
Manifesto and campaign landings. Hero is one oversized claim in quotes, attributed below.
"Banks built a system where the value flows up. We're building one where it flows back."
Gnosis · Year 8
H-6 · Tinted canvas + object
Product-as-art moments. Solid accent band, single object centred, copy lives below the fold.
Mint your community's currency.
H-7 · Diagonal split
Comparison or "vs" framings. Two-tone background divided by a steep diagonal.
The bank way
2.9% + $0.30 per swipe.
The Gnosis way
5% back. To you.
H-9 · Owl-mark hero
Inverted hierarchy: the owl IS the visual, title steps down to sub-header. For identity-room entry pages (brand, press, manifesto). Harvested from /brand.
Our brand.
The room where the brand lives. Marks, voice, downloads, principles.
Take what you need.
H-10 · Product-led hero
Big copy on the left, phone-mockup or app screenshot on the right. The product IS the hero visual — no decorative orbits or particles needed when you can show the actual app. Inspired by Fluz consumer + business heroes (and Stripe's /payments, Linear's /inbox). Use when conversion benefits from showing the product working.
Gnosis Pay
Spend your treasury, anywhere Visa works.
Self-custody by default. 5% back in your community currency. 151 countries.
H-8 · Live data
Pages where numbers do the convincing: chain stats, fee comparisons, holders count.
Sub-cent fees. Zero downtime. Seven years.
$0.0008 avg. tx fee
100% uptime since 2018
151 card-accepting countries
Section intros / kickers
Five small patterns for opening a content block.
K-1 · Eyebrow + rule + headline
The default. Small accent eyebrow, hairline, Boldonse heading.
Why now
Stablecoin spend just crossed every threshold that mattered.
K-2 · Numbered chapter
Long pages. A chip with a chapter number gives the page a book-like spine.
01 / The Problem
Banks built a system where the value flows up.
K-3 · Pull-quote
Anchors a section to a worldview. Italic short claim, attribution underneath.
"Self-custody isn't a feature. It's the floor."
Stefan George, Gnosis co-founderK-4 · Counter-balance two-line
One thought split into two beats. Top line softer, bottom line carries the weight.
Most crypto picks a side.
We refuse to.
K-6 · Punchline
Single oversized display line + a short caption beneath. For section breaks that need to land a feeling. Harvested from /home-v1.
A bank built by the people who use it.
Not as a slogan. As an org chart.
K-5 · Sticky brand-marker
Long branded-house pages. Sub-brand marker stays anchored left while content scrolls (sketched static here).
GNOSIS PAY
A Visa card that earns in self-custodial stables.
Open across 151 countries. No bank, no surrender of keys.
Highlights / feature blocks
Six ways to focus attention on a single feature or moment.
F-1 · Bento highlight
Asymmetric grid of 6 tiles. Every tile follows the same content rhythm — (optional icon) → eyebrow → title → (optional support line) — so the bento reads as one coherent system, not six different layouts. Tile size varies (big / stat / icon / quote) but the structural template is identical. Hero spans 2×2 on desktop; mobile stacks.
Featured
5% cashback on every swipe.
Paid in your community currency, auto-routed back to your group treasury.
See the rate ladder → Top tier €40 per friend referred
a16z research · 2024
"Cheapest L1 we've benched."
F-2 · Spotlight card
Full-width purple card, oversized number on the left, single accent CTA on the right.
01 Read the spec →
No custodian. No counterparty. No exit risk.
Your keys, your funds. Always. Even if Gnosis disappears tomorrow, your wallet still works.
F-3 · Scroll-pinned feature
How it works (production): Left column has position: sticky so the visual locks in place while the right column scrolls. Each caption uses IntersectionObserver to detect when it enters the viewport mid-screen — when it does, that caption gets .active styling (full opacity, accent colour) and the others dim. Result: as you scroll, the captions step through 1 → 2 → 3 with the visual staying anchored. Lifts the Apple /iphone "Sticky-scroll" pattern. Sketched static here — caption 1 is shown active by default; in production all captions are dimmed until intersected.
1. Set up the group.
2. Members earn daily.
3. Currency travels through trust.
F-4 · Diagram-as-feature
Labelled flow IS the block — no card chrome around it. Three branded nodes (Phosphor icons in Purple-circles), connected by arrowed lines with action labels above each segment. Centre node is the brand owl (the magic moment).
You
Wallet
Card
F-5 · Code feature
For dev pages. Dark card with a syntax-coloured snippet alongside plain explainer copy.
Three lines to deploy.
Use any wallet, any framework. No SDK required.
# issue 1000 community-coin
$ circles mint --group myDAO --amount 1000
$ circles trust 0xAlice
$ circles send 50 0xAliceF-6 · Polaroid
A tilted photo-card with a hand-written caption underneath. Use sparingly for irreverent moments.
first day my coffee shop accepted CRC
F-7 · Reassurance two-up
Text on the left, numbered bullet ladder on the right. For "allergic to crypto?" / objection-pre-empt sections. Harvested from /home-v1.
Allergic to crypto?
Same allergy. Different building.
No memes, no leverage, no hype. Just stablecoins, a Visa card, and seven years of zero downtime.
- Stablecoins, not magic internet money.
- One transaction, then it works.
- Cancel by walking away.
- Open-source, audited every quarter.
F-8 · Pillar accordion
Numbered, expandable pillars (01 / 02 / 03 / 04) with a Boldonse summary, a kicker rail on the open body, and rich content. Native <details> + accent dot. Lifted directly from /home-v1's "Many ways to own your money" section — the canonical pattern for big H2 pillar content. Mounts the shipped <AccordionItem> component.
01 Earn
Refer friends. Climb four tiers. The top tier pays out €40 per signup, in your community currency, settled instantly on Gnosis Chain.
Quiet rules, loud rewards: every successful invite locks the rate for the rest of the season — no bait-and-switch, no expiring credits, no "limit one per household" fine print. Earn lives at the top of the funnel because the maths is the brand.
02 Create
Mint a Circles group, name your currency, set the trust rules. Members start earning a daily issuance the moment they're vouched in. The treasury you build is the asset; the community is the protocol.
03 Build
Gnosis Chain, Safe, Circles, the Gnosis Pay rail — every layer is open-source and composable. Ship a wallet, an accounting app, a payroll tool. Your contract is your customer; the network is the marketplace.
04 Host
Run a node. Stake. Host a Circles group. Custody a multi-sig. Hosting is the work that earns the long-tail of the protocol, and Gnosis pays it out in CRC, not vanity. The infrastructure layer of money lives here.
F-9 · Integration trio
Three short statements about how Gnosis fits into existing tools the user already uses (their bank, their wallet, their team). Each cell pairs a duotone Phosphor icon with one sentence — no marketing prose. Inspired by Fluz Business §11 ("Built to fit your existing workflow").
Keep your bank.
Fund the card from any IBAN. We don't ask you to move salary.
Pay how you pay.
Apple Pay, Google Pay, the contactless tap. Same gestures, different rail.
Bring your team.
Roles, limits, and approvals — without picking a new accounting tool.
Multi-feature layouts
Six ways to present several capabilities at once.
M-1 · Tabbed switcher
Pill tabs flip a single panel. Vanilla JS, no framework. Fewer pixels than a 3-up grid.
Mint a currency in an afternoon.
Set up a group, name your currency, set the rules. Members start earning daily.
M-2 · Index list
Numbered list, no cards, hover-state row. High density, no chrome.
M-3 · Three-column triptych
Three equal columns: icon, heading, body. The default for "what you can do" sections.
Issue
Mint a community currency in minutes.
Trust
Members vouch. Currency travels.
Spend
Visa card, 151 countries.
M-4 · Stacked cards
Cards stack and pin briefly on scroll before sliding over. Sketched static here.
01
Mint a currency.
02
Trust members.
03
Spend it like real money.
M-5 · Matrix grid
2×3 or 3×3 grid of glyph + verb. Capability overview without prose.
Mint
Trust
Send
Govern
Earn
Build
M-6 · Side rail
Vertical category nav on the left, feature panel on the right. Anchor-link driven.
Self-custody, by default.
Your seed never leaves your device. Sign every transaction.
M-7 · Universe grid
6-cell linked product grid for the Gnosis Universe overview surface — every sub-brand gets its own tile (icon + name + one-line + arrow). Inspired by Fluz Business §3 ("Every dollar working harder, in one place"). Use on a future /universe page or any "what's the Gnosis ecosystem" answer.
Gnosis Pay
Self-custody Visa card. Spend in 151 countries.
Gnosis ChainL1 with sub-cent fees. Seven years of zero downtime.
Gnosis AppCircles + Pay in one consumer-grade PWA.
Gnosis BusinessTreasury, payroll, accounting. Built on the chain.
GnosisDAOGovernance and treasury for the protocol.
Builder toolsSafe, Circles, the rail. Compose what you need.
Visualisations
Seven data and diagram patterns. The trust graph from the Circles page lives here too.
V-1 · Route line
SVG path drawing across an abstract map. Use for partner expansion or card-availability pages.
V-2 · Counter cluster
Four oversized numbers, minimal supporting copy. Animate counting on view.
$58Bin Safe TVL
151card countries
7yrszero downtime
$0.0008avg. fee
V-3 · Scanner drift
Atmospheric scanning-belt background — the same ESTEIRA-BAIXO-2.webm the QR popup uses behind the scan card. Composited on a Purple-1000 → Purple-950 gradient via mix-blend-mode: screen so dark frame pixels become transparent and the bright scanning streaks pulse through. Atmosphere only — never carries copy on its own.
Always-on. Always elsewhere.
V-4 · Flow diagram
Three labelled nodes with arrows between. Centre node is the hero (where the magic happens). Use for transaction or governance flows.
01 Wallet
Gnosis Chain $0.0008 fee
03 Visa rail
V-5 · Bar of fees
Horizontal bar comparing fees: a tiny accent sliver vs a full bar. Strong rhetorical visual when the order of magnitude is the punchline.
Visa swipe $0.32
Gnosis Chain $0.0008
400× cheaper. Per swipe.
V-6 · Orbit
Concentric rings with sub-brand glyphs orbiting a Gnosis core. For the universe page.
V-7 · Live ticker
Subtle ticker scrolling recent on-chain events, anonymised. For "alive" proof.
→ 0xA1…2F sent 50 CRC to 0xC9…91 → Group "Berlin Mutual Aid" minted 1,200 BMA → 0x5D…aa earned daily allowance → 0x7B…1c spent $4.20 at Café Praga → 12 new trust connections in the last hour → 0xA1…2F sent 50 CRC to 0xC9…91 → Group "Berlin Mutual Aid" minted 1,200 BMA
V-8 · Video feature grid
Four feature cards, each backed by a short autoplay video — "the product, doing the thing." Reads as way more credible than a static screenshot when motion sells the feature. Static placeholders here; production wires real WebMs. Inspired by Fluz Business §10 (governance video grid).
In one tap
Approve spend upfront.
Per card
Set hard limits.
Live ledger
See every dollar in real time.
Without losing control
Give your team access.
Steps / process
Six ways to walk people through how something works.
ST-1 · Vertical timeline
Pill-shaped step chips connected by a hairline. Use for onboarding.
01
Sign in.
Connect a wallet. No email required.
02
Mint.
Pick a name, set rules, deploy in one tx.
03
Invite.
Share a link. Members start earning.
ST-2 · Horizontal stepper
Numbered circles + connector lines. The default for short flows.
1Connect
2Mint
3Invite
4Spend
ST-3 · Sticky-scroll narrative
Left sticky illustration, right reveals each step on scroll. Sketched static here.
1. Pick a name. Choose rules. Deploy.
2. Invite the founding circle. They vouch for new members.
3. Members mint daily. Currency flows along trust paths.
4. Spend on Visa. Treasury earns 5% back.
ST-4 · Card-flip steps
Steps as cards that flip on hover to reveal detail.
01Mint
Set up a group, name your currency, set the rules.
02Trust
Vouch for members. The trust graph grows.
03Spend
Visa card, 151 countries, 5% back.
ST-5 · Map-track journey
A path drawn through 4-5 milestones. Use for partner programmes.
ST-6 · Code-led steps
Each step is a snippet + a one-line explanation. For dev landing pages.
01
npm install @circles/sdk 02
circles.mintGroup({ name: 'myDAO' }) 03
circles.trust(0xAlice)Pricing / packaging
Six ways to present the offer.
PR-1 · Three-tier with featured middle
Standard tier layout, middle card raised in Pink. The default.
Starter Free
- 1 group
- 50 members
- Basic analytics
Most popular Community $29 / mo
- 5 groups
- 1,000 members
- Treasury yield routing
- Priority support
Operator Custom
- Unlimited
- SLA + audits
- Dedicated success
PR-2 · Slider calculator
Range input updates a savings readout in real time. The savings number is the hero — the slider serves it.
2,000
You'd save $638.40/mo
$640 on Visa fees
$1.60 on Gnosis Chain
PR-3 · Single plan
For products with no tiers. One large card, all features visible.
Gnosis Pay No subscription
Order the card. Self-custody, 5% back, 151 countries.
- 5% cashback in your community currency
- No bank account required
- Spend across the Visa network
- Self-custody by default
PR-4 · Checklist comparison
Tiers as feature checklists. Use when tiers differ in capability.
| Starter | Community | Operator | |
|---|---|---|---|
| Custom currency | ✓ | ✓ | ✓ |
| Visa card | · | ✓ | ✓ |
| Treasury yield | · | ✓ | ✓ |
| Audit + SLA | · | · | ✓ |
| Dedicated success | · | · | ✓ |
PR-5 · Free vs paid split
Two-up. Left "Free" subdued (Purple-50, muted text). Right "Paid" elevated (Purple-1000 dark card with a Lime "recommended" pill). The asymmetry is the message.
Starter Free
- 1 group, 50 members
- Read-only analytics
- Community support
Recommended Community $29/mo
- Unlimited groups + members
- Treasury yield routing
- Audit logs
- Priority support
PR-6 · Monthly / annual toggle
Pill toggle that swaps prices. Place above the tier grid.
$29 / month
Comparison patterns
Five ways to put us next to the legacy alternative.
CM-1 · Old way / new way
Two columns, left greyed and crossed out, right in brand colour. For non-crypto audiences.
Bank account
- 2-3 days to open
- Earn 0.01% interest
- $30 wire fees
- Geo-blocked, KYC heavy
Gnosis Pay
- 30 seconds to open
- Earn 5% back
- $0.0008 transfer fees
- 151 countries, no bank
CM-2 · Versus table
Comparison table with our row highlighted Neon-Lime.
| Bank | Neobank | Gnosis Pay | |
|---|---|---|---|
| Self-custody | · | · | ✓ |
| 5% cashback | · | 1% | 5% |
| Cross-border free | · | · | ✓ |
| No KYC for receive | · | · | ✓ |
CM-3 · Storyboard
Four panels: "with bank" vs "with Gnosis", in a daily-life scene.
Wednesday
Pay rent. Bank charges $25 wire fee. Funds clear Friday.
Wednesday
Pay rent. $0.0008 fee. Confirms in 5 seconds.
Saturday
Buy groceries. Card declined abroad. 40-min phone call.
Saturday
Buy groceries. Card works in 151 countries. 5% back.
CM-4 · Tally counter
Two oversized numbers with a slash between. High-impact, low-density.
$0.32 / $0.0008
Per swipe. Visa vs Gnosis Chain.
CM-5 · Quote vs quote
Two contrasting quotes (custodial pain vs self-custody relief), framed as dialogue.
"They froze my account for 3 weeks. No reason given."
before"My wallet doesn't have customer service. That's the point."
afterFAQ / objections
Five ways to address questions that block conversion.
FQ-1 · Accordion
Click-to-expand questions. Native <details> for accessibility.
What happens if I lose my keys?
You lose access to your funds. Self-custody is the floor. We recommend backup mechanisms (Safe multisig, social recovery).
Is this regulated?
The card programme is. The chain is open-source infrastructure.
Can I revoke trust?
Anytime, in one transaction. Your trust graph is yours.
FQ-2 · Two-column FAQ
Categories on the left, questions on the right.
Do I need crypto experience?
No. The flow is wallet → Visa card. No DeFi knowledge required.
How long does setup take?
About 5 minutes if you already have a wallet, 15 if you don't.
FQ-3 · Conversational
Questions framed as chat bubbles, rendered inside a phone shell with notch + status bar — same vocabulary as SP-5 · Phone-screen quote. Reads as a real screenshot of a conversation, not just text in bubbles. Themed Purple cosmic surround behind the device.
Wait. So this is just crypto?
Crypto under the hood. Visa card on top. You don't have to care which.
What if it goes to zero?
You hold stablecoins, not memes. Same dollar exposure as your bank account, minus the bank.
FQ-4 · Objection-then-answer
Bold objection in headline weight, plain-spoken response. For skeptical audiences.
"Isn't crypto a scam?"
Some of it. Not this. Self-custody, audited contracts, seven years of zero downtime. Skepticism welcome, that's how we got here.
"What if the company disappears?"
Your wallet still works. Open-source contracts run on the chain. We could go away tomorrow; your money won't.
FQ-5 · Tabbed by audience
Pill tabs swap the FAQ set for different reader profiles.
I've never used crypto. Where do I start?
Sign up with email + wallet. The card uses stablecoins. Day-to-day feels like a fintech app.
What's the catch?
Gas fees go to the network, not us. Trust takes time to build. That's the point.
CTAs / conversion moments
Seven ways to ask for the click.
CT-1 · Sticky bottom bar
Slim bar with one pill, appears after 30% scroll. Sketched static here.
Ready to start a Circles Group? Start a group →
CT-2 · Inline-text CTA
A line of body copy where one phrase is a pill mid-sentence.
Already have a wallet? Mint your group → and start earning today.
CT-3 · Card with side illustration
CTA on the left, branded glyph on the right. Self-contained mid-page.
Your community currency awaits.
Five minutes. One transaction. Your members start earning today.
Start a group →CT-4 · Hero-ladder ribbon
Edge-to-edge full-purple-ladder gradient — same recipe the home hero uses (Purple-1000 → Purple-950 → Purple-800 → Purple-600 → Purple-500 → Purple-50). One brand identity moment, one pill on top.
Money flows where trust goes.
Start a group →CT-5 · Two-button, weighted
Primary pill + secondary text-only link. Never two equal pills.
CT-6 · Newsletter inline
Single input + pill submit, no card chrome.
Get one short note when something good ships. No spam, no marketing.
CT-7 · Calendar booking
Faux calendar grid next to a "Book a call" pill. For Gnosis Business pages.
CT-8 · Switch-to CTA grid
A 4-cell reassurance grid above dual CTAs — every "thing the user is afraid of about switching" gets one cell that says "no, that's actually fine here." Closes with one primary + one ghost CTA. Inspired by Fluz Business §19 ("Try Fluz today"). Use as a final CTA when conversion friction is the blocker.
Switch to Gnosis.
Four reasons it's smaller than you think.
-
Keep your bank.
No salary redirect. No closure forms.
-
Get a switching report.
We map out exactly what changes (and what doesn't).
-
Bring your team in 1 click.
Invites, roles, limits. No multi-step setup.
-
Real humans on support.
EU-hours response. No bot-first triage.
CT-9 · Dual-audience CTA
Single CTA block that serves two segments at once — a personal CTA on the left, a business CTA on the right, sharing a headline. For surfaces where the same feature has two go-to-market motions (e.g. cards, gift cards). Inspired by Fluz consumer §6.
For everyone
Get the card.
Same self-custody. Two fits.
Trust + safety surfaces
Six patterns for the questions that don't get asked out loud.
TS-1 · Audit badge row
Each audit firm gets its own credentialled card — Phosphor shield icon, firm name in Inter Bold (Boldonse is illegible at this size), date below, and an arrow indicating the link to the actual report. The icon + arrow make the row read as "real proof you can click into," not a decorative badge strip.
TS-2 · Self-custody explainer
Two-column block. Left: brand owl as guardian (the visual). Right: a vertical chain of three short statements with iconographic markers + the gloss paragraph below. The owl carries the meaning ("watcher / guardian"), the text carries the explanation.
- Layer 1
You hold the keys. Always.
- Layer 2
The wallet only opens with your keys.
- Layer 3
Your funds, behind your keys.
No custodian sits between you and your money. We can't freeze your account because we don't have the keys. Lose the keys, lose the funds, that's the deal, and the only deal.
TS-3 · Regulatory disclosure
Quiet card with full legal copy and licence numbers. Intentionally unflashy.
Regulatory disclosure
Gnosis Pay is issued by Monerium EMI ehf. (Iceland, FME licence 2022/00073). Visa Prepaid Card Programme operated under reference 2023/PCS-1042. Card services subject to issuer Terms.
Full legal disclosures →TS-4 · Open-source proof
GitHub repo card with star/commit counters. Static rendering.
TS-5 · Incident transparency
Public incident log link with last-update date. Worn proudly, not hidden.
All systems operational. Last incident: April 14, 2024 (RPC delay, 11 min). Resolved.
View public incident log →TS-6 · Privacy promise tiles
Three tiles, each one mark + one line. For pages where data anxiety needs answering.
×
No tracking pixels.
×
No custody of funds.
×
No selling data, ever.
TS-7 · Copy-to-clipboard boilerplate
Press kit pattern. Drop-ready paragraph + a button that copies the plain text. Harvested from /brand.
Gnosis is a values-driven builder of money infrastructure: a Visa card programme, an L1 blockchain, and a community-currency protocol used in 151 countries. Founded 2015. Token: GNO.
TS-8 · Type-sample grid
Side-by-side display + body samples with usage notes. For brand pages and style references. Harvested from /brand.
Display · Boldonse
Aa Bb 12 · Mint a currency.
Headlines, eyebrows, big numbers. Always uppercase, line-height 1.33.
Body · Inter
Aa Bb 12 · Members vouch for each other through Circles' web of trust. The more your community trusts itself, the further your currency travels.
All running text. Four weights: 400 / 500 / 600 / 700.
TS-9 · Colour swatch grid
Brand palette reference: each swatch with name + hex. For brand pages and downloadable kits. Harvested from /brand.
Primary — Purple ladder
Purple-1000
#07052CPurple-950
#1A1751Purple-800
#3F2ACDPurple-600
#766DE5Purple-500
#9994EDPurple-50 / Paper
#FFFAFBSecondary — Accents
Vanilla-300
#FBEBD4Orange-600
#FF8C60Moss-Yellow-300
#F5FF9ANeon-Lime-500
#CBFB6CFresh-Green-500
#8CE8ABSky-Blue-400
#B0E2FDPink-500
#F988B2Footer / closer
Six ways to end a page beyond the basic closer.
FT-1 · Oversized wordmark
Footer dominated by a screen-wide GNOSIS wordmark, links small below.
FT-2 · Manifesto closer
Three-line manifesto in quotes, then a thin link bar.
"Money should serve the many.
Not extract from them.
That's why we built this."
FT-3 · Ecosystem-map
Sub-brand glyphs as a small visual sitemap above standard link columns.
FT-4 · Sticky note
A tilted "p.s." card pinned above the legal row. Irreverent voice without breaking layout.
FT-5 · Multi-region
Region pill, then localised legal copy. For Gnosis Pay availability rollouts.
Card services issued by Monerium EMI ehf., Iceland. EU MiCA-compliant. Card transactions processed via the Visa rail.
FT-6 · Newsletter-led
Newsletter capture takes 50% of the footer width, links collapsed beneath.
Social proof
Six ways to show other people care.
SP-1 · Logo wall, animated
Continuous horizontal marquee of partner / press logos. Edges fade to the surrounding background so logos drift in and out of frame instead of cutting hard. Pauses on hover (so a visitor can read a specific name) and respects
prefers-reduced-motion. Names are typeset in Boldonse rather than rendered as imported logo lockups — keeps the whole row visually coherent and on-brand. Lift from Stripe's/customersrow + Linear's customer strip, translated through the Gnosis palette.SP-2 · Quote spotlight
A single quote on a Neon-Lime band. Loud, on purpose.
"Cheapest L1 we've benched."
a16z research, 2024SP-3 · Card deck
Testimonial cards in a horizontal scroller with snap.
"Setup was twenty minutes. We're already running CRC at the co-op."
Sara · Berlin Mutual Aid"Visa swipe, no bank account. First time crypto felt normal."
Tomás · barista, Lisbon"My DAO treasury earns yield, my members earn cashback. The math closes."
Akemi · operator, HyphenSP-4 · Stat trio with citations
Three big stats, each with a footnote source. Earns trust through specificity.
SP-5 · Phone-screen quote
Testimonial framed as chat-bubble screenshots inside a phone shell. Notch + status bar set the visual context; chat bubbles are the testimonial. Attribution line below the phone.
just paid rent in CRC
14:22landlord didn't even know it was crypto. visa just worked.
14:22Maya R. · Berlin · using Gnosis Pay since June 2025
SP-6 · Press ribbon
Slim ribbon of rotating press mentions, no logos. For when logo walls feel too corporate.
SP-7 · Credential one-liner
Single understated line of authority between bigger sections. Hairlines top + bottom, no card chrome. Harvested from
/home-v1.Polymarket trusts us with $130B in resolved markets. Read the case study →