Blockdaemon Institutional 360 Helping financial institutions scale digital ecosystems.

Implementation notes

Hero

Page type (once). Canvas #F6F6F7 (--bd-bg-page); the nav bar uses the same colour. Inter Variable, font-optical-sizing: auto. Prefer OS smoothing over -webkit-font-smoothing: antialiased. Body 16px / 400 / #000. Display headings 300. The four stats figures are the one place for 200.

Icons (once). Outline marks are Lucide (current set). Pasting the SVG is closer to the original than a PNG of the glyph. Aim to keep Lucide as shipped: viewBox="0 0 24 24", fill="none", stroke="currentColor", stroke-width="1", round caps/joins. CSS sets the box (24 / 40 / 48px…). When that box is larger than 24, vector-effect: non-scaling-stroke on the drawn shapes keeps the line at 1 CSS pixel. Prefer not to restroke in CSS, not to use 0.5 to “cancel” scale, and not to add a second outline around the SVG.

Black pills (once). Fill #0c0c0d rather than #000. Label and arrow #fff. Hover #1b1c21. Same ink as the sandbox band.

Plate in .bd-wrap: same column as V10 (1280px via v2.css), page pad 20px, radius 8px, overflow: hidden, min-height 36rem. Staying in that column is closer to the original: assets/images/hero-bg-static.png is a 4-point painted gradient, not a 2-stop CSS fade. Full-bleed + object-fit: cover lets the box aspect wander with the screen, so cover crops the top and bottom and the four color points slide. Cover reads best inside this plate, where the height stays tighter.

Watermark: assets/logos/Blockdaemon-Badge-White.svg. Opacity 0.15, rotate -45deg, scale 1.2, left 60px.

Rays (CTA → all five services). SVG overlay on the plate, above the watermark and below title / CTA / list. Solid SVG ring on the pill-cap centre (white 30%, 16px). Ping is an SVG circle, CSS scale 1→2 / fade, 5.6s. Tracks: static 1px solid white 50% from the ring outer rim (r + 8) to each list dot, with 0–10% / 90–100% fades. Packets are JS-driven SVG gradients (30 FPS, no devicePixelRatio): 5600ms, length 24–56% re-rolled each loop, stagger 0–0.18, 0→white@50%→0. Pause offscreen. Reduced motion: tracks only. Layout in hero-v10c.js.

Product line: 32px / 300 / #000
Headline: 48px / 600 / #000
CTA: 16px / 400 / #fff on #0c0c0d. Hover #1b1c21.

Icons

CTA: Lucide arrow-right, box 24×24, white. vector-effect: non-scaling-stroke is still useful here (same box as viewBox, so the hover nudge does not fatten the line).
Right list spine: inline mark in hero-v10c.html. Box 36×24, filled 3px-radius dots, 1px dashed stubs. Hover ping is hero-v10c.js.
Row hover arrow (appears on the right): Lucide arrow-right, box 36×36, 1px hairline, non-scaling-stroke.

Nav chrome (same page): wordmarks Blockdaemon-Primary-Black.svg and Blockdaemon-Badge-Black.svg. Menu carets/arrows are the sprite in nav-v2.html (#bd-i-caret / #bd-i-arrow).

Implementation notes

Partner logos

Looping row on the page color, no plate. Directory assets/logos/customers/. Each mark max-height: 2rem (32px; 1.75rem / 28px under 768). Gap 60px. Width auto, don’t force a square box. Fade both ends with a CSS mask. Loop: components/logos/logos.js.

Duotone is an SVG filter, not grayscale(). Same HTML document as the logos: filter: url(#bd-logos-duotone) in an external stylesheet cannot see the id.

<filter id="bd-logos-duotone" color-interpolation-filters="sRGB">
  <feColorMatrix type="saturate" values="0"/>
  <feComponentTransfer>
    <feFuncR type="table" tableValues="0.57157 0.82157"/>
    <feFuncG type="table" tableValues="0.58039 0.83039"/>
    <feFuncB type="table" tableValues="0.59510 0.84510"/>
  </feComponentTransfer>
</filter>

Then filter: url(#bd-logos-duotone) on each logo img.

Assets secured

$110B+

Institutional custody
Institutions

400+

In production today
Protocols

70+

One integration surface
Multi-cloud

3+

AWS, GCP, Azure

The Platform

Composable market access infrastructure.

A composable solution, deployable inside your security perimeter. Your standards, configurations, and permissions stay consistent across every deployment model.

Explore the platform

Implementation notes

Section header (universal)

This lockup (the one immediately above) is the statement header for every content section (Platform, Solutions, Ecosystems, Sandbox). Do not invent a second recipe. Class names differ per component (.bd-plat3__* / .bd-eco__* / .bd-ekos__*); type does not.

Three text parts, stacked. Optional fourth is the text link on the right of the row (Platform / Solutions). Ecosystems has the three parts and no link. Solutions often omits the lead. Sandbox uses the same three sizes/weights on the dark band, with inverted colors (see Sandbox notes).

1. Eyebrow

THE PLATFORM: 14px / weight 500 / #6434D8 (--bd-accent). Uppercase, letter-spacing 0.08em, line-height 1. 8px under it to the title. Accent lives only here, not on the title.

2. Title

Composable market access infrastructure.: 32px (≥1024) / 28px (768-1023) / 24px (<768). Weight 500 (not display 300). Line-height 1.2. Color #000. No hyphens. One sentence, period at the end.

3. Lead

The paragraph under the title: 16px / weight 400 / #000 (same as card body, not grey). Line-height 1.5. 12px above it. Max-width about 40-46rem so it does not run the full 1440.

Right-hand link when present: 16px / 400 / #2563EB, no underline, › as a character. Intro is a flex row, items flex-end, gap 24px; the link sits on the right, level with the bottom of the copy. Below 768 the link stacks under the copy.

Configurable platform

Transaction Services

Signing, approval policies and transaction controls for your onchain instructions.

Signing
Governance
Policies

Data Services

Real-time balances, normalized multi-chain data and direct network access.

Indexing
Real-time events
Smart routing

Infrastructure Services

Dedicated node and validator operations managed by the team who runs the ecosystem infrastructure.

Node management
Validators
Resilient connectivity

Deployment Options

Client Infrastructure

Standardised licensed software packages ready for deployment.

BD Infrastructure

Dedicated client infrastructure, operated by Blockdaemon.

Managed Services

End-to-end traceability, monitoring and support across your digital asset infrastructure footprint.

Implementation notes

Platform

Section pad 64px 0. White deck, pad 32px, radius 12px, same drop shadow as stats. Inner field #f4f4f4, tiles #f9f9f9, rules 1px #d5d7da.

Statement header is the universal lockup documented under the intro above. Do not restyle it here.

Column labels: 20px / 500 / #000
Product heads: 14px / 500 / #2563EB
Product / deploy copy: 16px / 400 / #000

Icons

Product-head link: Lucide arrow-right at 20×20, #2563EB, 1px hairline + non-scaling-stroke. Column hops are the chevrons already in platform-v10c.html, width 18px.

Deploy column: Lucide, box 48×48, black, stroke-width="1", non-scaling-stroke on every path:

Client Infrastructure: app-window
BD Infrastructure: cloud
Managed Services: two overlapping circles (keep the inlined SVG, 1px stroke)

Tile row also has Lucide arrow-right at 36×36 on the right (same hairline rule).

Solutions

What do you want to do on-chain?

Explore all solutions

Tokenization

Issue, distribute and service digital securities.

On the networks where institutional participants are already active. DvP settlement, corporate actions and full audit trail throughout.

Wallets and Digital Custody

Direct control. No exceptions.

Segregated key control across every account and sub-account. Maker-checker approvals and a tamper-evident audit trail your compliance team can rely on.

Stablecoin Management

Regulated digital cash, fully governed.

Issue and settle using regulated stablecoins or tokenized deposits. Payment controls, treasury visibility and reconciliation data from day one.

Staking

Yield on eligible holdings. Asset control throughout.

Institution-grade staking across eligible networks. No pooling. Full yield reporting and audit trail available on demand.

Implementation notes

Solutions

Four cards, radius 12px, 10px white inner frame, same drop shadow as stats. Card pad 32px from the inner edge. Section title lockup is the universal header (see the note under Platform’s intro). Here: eyebrow + title + right-hand Explore, no lead.

Card label: 20px / 500 / #000
Body / Learn more: 16px / 400 / #000 (link may be #2563EB)

PNGs: Tokenization card-bg-blue.png, Wallets card-bg-green.png, Stablecoin card-bg-purple.png, Staking card-bg-orange.png (all under assets/images/). Wipe: components/solutions-v10c/solutions-v10c.js.

Icons

Header mark sits in .bd-eco__icon: box 2.5rem (40×40), black, Lucide viewBox="0 0 24 24", stroke-width="1", non-scaling-stroke on the paths. One SVG per card; prefer not to add a second file for the big overlay. JS clones that same node into .bd-eco__mark (white, 50% opacity, scaled on the PNG). Swap an icon = change the header SVG only.

Tokenization: Lucide layers
Wallets: Lucide wallet
Stablecoin Management: Lucide circle-dollar-sign
Staking: Lucide coins

Learn-more capsule: Lucide arrow-right, box 2rem (32×32), 1px hairline. Pill fill #0c0c0d, label and arrow white (same as the hero CTA). Tray drawings under the copy stay as they are in the HTML.

Ecosystems

Participate in the key on-chain ecosystems.

Built for real-world institutional ecosystems. Every role supported: issuer, participant, custodian and investor.

U.S. post-trade infrastructure for tokenized collateral. Live in production.

Participants receive, hold and settle tokenized collateral on DTCC's U.S. post-trade workflows, with connectivity and controls built for those settlement paths. Issuers bring securities onto the same network from issuance through corporate actions and redemption, under your approvals.

Investors hold and manage those positions with live data, custody controls and a complete audit trail throughout.

Learn more about DTCC

European collateral and securities settlement for institutional participants.

Participants join European collateral and securities settlement on LSEG, on governed workflows aligned to institutional settlement standards. Issuers distribute tokenized securities through the same infrastructure, with DvP, corporate actions, and support from issuance to redemption.

Custodians safekeep client assets in that ecosystem, with segregated key control and maker-checker approvals throughout.

Learn more about LSEG

Institutional settlement and digital cash infrastructure.

Member banks settle interbank transactions and manage digital cash on JPMorgan Kinexys, with payment controls and real-time treasury visibility. Issuers launch tokenized deposits or stablecoins through the issuance and redemption cycle your treasury already requires.

Investors access those instruments with position data, custody controls and an audit trail aligned to the institution's operating model.

Learn more about JPMorgan Kinexys

Build your own

Stand up your own ecosystem on our infrastructure.

Every role is available from day one. Issuers, participants, investors and custodians connect through the same governed platform. You define who joins and how they operate; Blockdaemon supplies the infrastructure, connectivity and the controls layer.

Standing up a new on-chain ecosystem is a different conversation. Get in touch and we will walk through governance, connectivity and what go-live involves.

Learn more about building your own ecosystem

Implementation notes

Ecosystems

Four cards, radius 12px, body pad 32px, same drop shadow as stats. Header 128px: logo left (26px high), schematic mark right (84px, 1px stroke). Section title lockup is the universal header (eyebrow + title + lead, no right-hand link).

Card title: 20px / 500 / #000
Body / Learn more: 16px / 400

Icons / marks

Left of the 128px header is the company mark (DTCC, LSEG, Kinexys by J.P. Morgan). Height locked to 26px, width auto; a square box is not needed. Use whatever asset you have; we are not prescribing a format. Color or mono is your call as long as the company is readable at 26px on white. Fourth card: Lucide layout-grid with the last cell dashed, box 26×26, black, 1px hairline + non-scaling-stroke, plus the “Build your own” word.

Right of the header is the schematic mark, height always 84px (--bd-ekos-mark), width follows the cropped viewBox, 1px stroke, overflow: hidden. Those four drawings live in the HTML; keep the motion in ecosystems-v10c.css. If you paste a new SVG, crop empty viewBox padding (see the Ecosystems header-marks rule).

See it in production

Start with a sandbox.

Run a governed transaction end to end. See the controls, approvals and audit trail before you commit to production.

Start with a sandbox Explore the platform

How Can We Help You?

Transaction Services
Data Services
Infrastructure Services
Staking & Earn

First name

Last name

Interested in…

Region

Company name

Message

Ask us anything…

By clicking ‘Submit’, you agree to share your information with Blockdaemon to receive marketing, updates, and other emails. Use the unsubscribe link in those emails to opt-out at any time.