← index

Metrics

Data storytelling — dashboards, charts, tickers, funnels

18 blocks
( filter blocks )
01 — MetricsBentoDashboardBento grid of fake dashboard tiles — drawing sparklines, animated progress rings, and springing counters.

( live dashboard )

every number, one glance away

monthly recurring revenue

▲ +18.2%

onboarding

82%

completion rate

active workspaces

▲ +6.1%

weekly active users

▲ +9.4%

sla uptime

99%

last 30 days

churn

▼ -0.3%
02 — GrowthChartSectionBig self-drawing SVG area chart with a narrative sidebar and callout stats — the revenue-graph move.

( growth )

the curve speaks for itself

Every workspace that adopts the platform compounds usage month over month. No plateaus, no seasonal cliffs — just a line that keeps climbing.

4.6×

revenue growth yoy

$120M

processed this quarter

ARR, in millions

03 — LiveActivityFeedAuto-scrolling activity feed with entering rows, kind-coded dots, and a live pulse indicator.

( live activity )

shipped, signed up, paid — in real time

  • acme.inc deployed productionnow
  • lena.dev upgraded to Team plan12s ago
  • northwind invited 4 teammates48s ago
  • api.gateway triggered 99.98% uptime1m ago
  • marco.b shipped checkout-v23m ago
  • vesper labs started free trial4m ago
  • billing processed $4,280 invoice6m ago
  • ci/runner-04 passed 312 checks9m ago
04 — ComparisonBarsUs-vs-them animated horizontal bars per metric, normalized per row with a two-color legend.

( why switch )

built to be the fast option

uslegacy tools

time to first insight

12min
68min

setup time

8min
45min

events processed / sec

92k
34k

support response time

6min
52min
05 — GlobeStatsBandDotted-map CSS visualization with pulsing region markers, paired with a region counter list.

( global edge network )

deployed everywhere your users are

North America
Europe
Asia Pacific
South America
06 — UptimeBlocks90-day uptime tick grid animating in with stagger, status legend, and headline uptime percentage.

( status )

ninety days, tracked to the minute

api.platform.com99.97%
operationaldegradedoutage
07 — BigNumberScrubOne giant metric scrubbed from 0 to its value as the section scrolls through the viewport.

( total value processed )

and counting — updated live every quarter across every workspace on the platform

08 — FunnelStepsConversion funnel stages with animated bar widths, stage counts, and drop-off deltas between steps.

( conversion funnel )

where the drop-off happens

01visited pricing48,200
100%
-38%
02started checkout29,900
62%
-34%
03added payment method19,700
41%
-34%
04completed purchase13,020
27%
09 — LeaderboardCardsRanked leaderboard cards with mono rank numbers, delta arrows, stagger reveal, and hover lift.

( leaderboard )

top launches this week

01Orbit Analyticsdeveloper tools2,480 upvotes▲ 3 up
02Northwind CRMsales1,960 upvotes▲ 1 up
03Fieldnoteproductivity1,742 upvotes▼ 1 down
04Ledgerlyfintech1,398 upvotes— unchanged
05Pulsecheckhealth1,120 upvotes▼ 2 down
10 — MetricTickerStripFull-bleed inverted ticker of KPIs with trend deltas and accent star separators, looping infinitely.
MRR$1.84M▲ +4.2%Active users212,904▲ +1.1%Churn1.4%▼ -0.2%NPS68▲ +3Avg. session12m 40s▲ +0.8%Uptime99.98%▲ 0.00%
11 — StatBandNumeralsFour oversized numerals over hairline rules with mono caption lines — mixes counting digits with word values like "Top-3".

( in numbers )

objects in portfolio

Top-3

industry rating

built and delivered

years on the market

12 — YearsBadgeCounterHeritage block: giant count-up of years in business, a BrandGraphic "EST YYYY" stamp, and one story line.

( heritage )

years of craft

One workshop, three generations — the same hands, the same standards, every single day since 2003.

13 — CapacityFactsFour quiet capacity tiles with counting figures and mono unit labels — m², seats, staff, orders per day.

( capacity )

Built to handle the busiest day

m²

production floor

seats

main hall capacity

staff

people on shift

orders / day

peak throughput

14 — ResultsCountRowsFull-width results ledger: serif count-up numeral left, plain-spoken description right, hairlines between rows.

( results )

projects delivered

From first sketch to opening day — handed over complete, on schedule.

clients come back

Most of our work is repeat work: second homes, second venues, next phases.

cities we work in

Local crews and suppliers in every one of them — no learning on your budget.

15 — ComparisonSimpleCalm us-vs-typical comparison table with check and dash marks — quiet confidence, no hype and no red crosses.

( the difference )

What working with us looks like

( us )typical
Fixed quote before work starts✓—
One dedicated point of contact✓—
Weekly progress photos✓—
Cleanup included in the price✓extra fee
Warranty on workmanship5 years1 year
16 — MilestoneTickerFull-bleed heritage marquee of dated milestone facts separated by accent stars — a company history in one strip.
1859first recipe1902the corner shop opens1974third generation takes over2011second location2024still family-owned
17 — DashboardStatStripAnalytics-style strip of four neutral stat cards: big springing counter, semantic-green delta chip, and a tiny self-drawing sparkline per card.

( live numbers )

a quarter in four tiles

monthly revenue+34%
active teams+12%
retention+2.1%
deploys / day+58%
18 — EdgeIndexedStatsDrawing-sheet stats: sheet index rotated in the right margin and repeated on the bottom edge, three huge counting numerals with unit suffixes between hairline rules.

✦ system metrics

System Figures

capacityMW
modules deployed+
round-trip efficiency%
drawing no. P112 — scale 1:100 — est. 2025BLCK. 07