Sonde
Sonde is a real-time block explorer for the XRP Ledger — a self-initiated product designed and built from scratch. The core challenge was making dense, fast-moving blockchain data feel clear and navigable. Every design decision, from the three-font type system to the transaction-type color coding, was made to turn raw ledger data into something you can actually read. The stack is Next.js 16 with live WebSocket connections and Server-Sent Events for real-time data streaming.
Category
Product Design & Development
Year
2026
Role
Designer & Developer (sole creator)
Timeline
Ongoing
Tools
Figma, Next.js, TypeScript, Tailwind CSS

Brand Identity
The brand starts with the name — Sonde, from the French word for “probe.” Something that goes deep and reports back. The visual identity follows: a salmon accent color (#E8856C) against dark surfaces, giving the interface warmth without sacrificing the seriousness blockchain data demands.
The type system uses three fonts with distinct roles. Satoshi handles display and headings — geometric and confident. DM Sans covers body text and navigation — clean and readable at any size. IBM Plex Mono renders every address, hash, and amount — because blockchain data needs to be monospaced or it's unreadable. Every transaction type gets its own color family: blue for payments, gold for offers, purple for NFT operations, green for trust lines, pink for AMM actions.
Information Architecture
The XRP Ledger produces a ledger every 3–5 seconds, each containing hundreds of transactions across dozens of types. The architecture challenge was organizing this into pages that feel browsable rather than overwhelming. The dashboard serves as the entry point — live price, network stats, recent ledgers, and trending tokens all visible without scrolling.
From there, a universal search bar handles any input: paste an address, a transaction hash, a ledger index, or a token name — it detects the type and routes you to the right page. Account pages use progressive disclosure through tabs: holdings first (what most people want), then transactions, trust lines, NFTs, offers, and escrows. React Suspense streams each section independently so the page is usable before all data loads.
Data Visualization
The network health dashboard is the most data-dense page — 30-day price history with OHLCV candlestick data, live fee monitoring, server health indicators, transaction type distribution, and ledger performance metrics. All rendered with Recharts and updating in real time via Server-Sent Events.
Token detail pages show orderbook depth charts and live market data. The challenge was density without clutter — every chart earns its space by answering a specific question. What's the price doing? Where's the liquidity? How active is this market? No decorative elements, no chartjunk.
Real-time Engineering
Sonde maintains a persistent WebSocket connection to the XRP Ledger mainnet with automatic failover across three nodes. A singleton client pattern ensures one connection serves the entire application. On the server side, a Live Data Manager broadcasts real-time events — new ledgers, fee updates, price changes — to all connected clients via Server-Sent Events.
Every API response is cached with an LRU strategy: immutable data like completed transactions and closed ledgers are cached indefinitely, while mutable data like account balances expire after 10 seconds. Account history pages fully paginate through XRPL markers with per-loop error handling, ensuring no transactions are missed even for accounts with thousands of entries.
Live Explorer
Explore the live Sonde block explorer. Browse accounts, tokens, NFTs, and real-time network data directly.
Open full site →Outcome
Sonde is a fully functional block explorer covering accounts, transactions, tokens, NFTs, and network health — all with real-time data. What started as a design exercise in information density became a complete product: a modern, typographically driven interface for the XRP Ledger that treats blockchain data with the same clarity and structure as any well-designed financial tool.