Skip to content
KONIGI Patterns

Products

Browse screenshots from real products to see how they use design patterns.

Amplitude

Builds the page around the question rather than the chart: funnels, retention grids and cohort comparisons are first-class objects, not panel types.

Product analytics
Bloomberg Terminal

The densest display in the collection and the one with the most trained audience. Worth studying precisely because none of its choices would survive a usability test.

Banking and treasury · Crypto and trading
Canvas

Progress and attainment read by a teacher about named students, where a red cell is about a person in the room rather than a server.

Education
Cloudflare Radar

Public internet-traffic dashboards with location and time controls and links from summaries to detailed views.

Security · Infrastructure and FinOps
Coinbase

Consumer framing over a market display: the same order book and depth chart the professional products carry, deliberately buried a level down.

Crypto and trading · Consumer fintech
Datadog

Everything on one surface, which makes it the best place to see what a page looks like when the product refuses to choose between metrics, logs, traces and cost.

Observability · Infrastructure and FinOps · Security
Epic

The reference for the emergency department track board: every bed present whether occupied or not, read by a dozen roles who each need a different column.

Healthcare
Flexport

Freight in transit as a map and an exception list rather than a chart, because the question is which shipment is late, not what the average is.

Logistics
GitHub

The contribution calendar shows daily activity using a small set of color levels.

Admin and devtools · DevOps and CI
Grafana

Examples of panel grids, shared selectors, stat tiles, and chart configuration.

Observability · Infrastructure and FinOps · IoT and energy
Home Assistant

Room-based card layouts combine household device states with controls.

IoT and energy
Honeycomb

Query-driven views use heatmaps and selected regions to investigate differences between requests.

Observability
HubSpot

Pipeline by stage with a forecast on the same page, which is a dashboard carrying a projection and an actual in the same visual language.

CRM and sales
Ignition

A process-monitoring demo uses simulated plant data and offers simple or realistic equipment rendering.

IoT and energy
Kibana

A query bar and filtering controls define the data shown in charts and document tables.

Observability · Security
Kraken Pro

A trading interface with price charts, an order book, and market-depth displays.

Crypto and trading · Consumer fintech
LangSmith

A trace waterfall for model calls, where the interesting span is usually the one waiting and the cost sits on the same axis as the latency.

AI and LLM ops
Linear

Almost no chrome and no configuration. A board where the layout is the data model, and the closest thing here to a dashboard with an editorial voice.

Project management
Mixpanel

Board of saved reports rather than a designed page, which is what product analytics tends to become once more than one team is asking questions.

Product analytics
Netdata

A large collection of system charts with per-chart controls and anomaly-rate views.

Infrastructure and FinOps · Observability
PagerDuty

A queue rather than a chart. Two-pane list and detail with keyboard traversal, because the task is working through incidents rather than looking at them.

Support · Observability
Plausible Analytics

A metric row controls the main chart, followed by focused traffic breakdowns.

Product analytics · SEO and GEO
Retool

A builder aimed at people making internal tools, so it shows what a dashboard looks like when the person assembling it is the person who will use it.

Admin and devtools · Embedded analytics
Sentry

Issue-centric rather than metric-centric; the two-pane list-and-detail structure with sparklines inline on every row.

Observability
Shopify

Retail's weekly rhythm drawn against a comparison period by default, which is the only honest way to show a business with a Monday and a Black Friday.

Ecommerce
Stripe

The reference for a financial admin surface: dense tables with in-cell state, and a home page that is a small strip of numbers above a very long list.

Consumer fintech · Ecommerce · Embedded analytics
Tableau Public

Published workbooks show how individual authors arrange charts and interactions in Tableau.

Embedded analytics · Product analytics
Vercel

Deploy state, build logs and edge metrics in one console, with a log tail that has to stay readable while it moves.

DevOps and CI · Admin and devtools
VTS

Occupancy and leasing pipeline over a horizon measured in years, which is the far end of the cadence range this collection covers.

Real estate
Workday

Headcount and attrition about identifiable people, which is the case where suppressing small numbers is a design requirement rather than a nicety.

HR and people
YouTube Studio

Analytics for an audience of one, about their own work, where the comparison that matters is against their own previous upload rather than against a benchmark.

Creator and media
Zendesk

Queue depth and wait time for the people clearing the queue, with the same numbers again for the manager, on the same data and a different page.

Support