Tidemark.

Business intelligence for a growing supplier: the numbers an owner, a finance lead and an operations manager each need — in one place, and all agreeing with each other.

Industry
Wholesale & retail supply
Type
Business intelligence product
Views
Overview, P&L, products, accounts, fulfilment, saved views
Data
24 months of generated sample data
Open Tidemark Try it on this page

An original studio project — designed and built by Devroniq Studio to show what we can make. Not client work.

Tidemark overview: KPI tiles with comparisons, a monthly chart against the comparison period, and insights
Tidemark overview on a phone with a bottom navigation bar

The problem

Most growing businesses have the numbers. What they lack is one version of them.

Sales sit in one system, costs in another and stock in a spreadsheet, so every meeting starts by arguing about which figure is right. Tidemark imagines a fictional supplier, Fernway Supply Co., and shows what a coherent BI product looks like: one set of filters, one dataset, and every view reconciling with the others.

What it does

  1. OverviewSix KPIs against the right comparison period, a monthly chart with the prior period overlaid, channel and region breakdowns.
  2. Income statementRevenue through gross profit, five operating-expense lines and operating profit, by month with totals and change.
  3. Products36 SKUs with revenue, units, margin, trend and weeks of cover — and a detail drawer for each.
  4. Wholesale accountsRevenue, order size, payment terms, days to pay and receivables, with collection status.
  5. FulfilmentDays to ship, on-time delivery against target and returns by region and channel.
  6. Saved views and exportSave any combination of view and filters; export every table to CSV.

Design decisions

Light, dense and calm — set in Geist with tabular figures, so long tables stay readable. Chart colours were tested for colour-blind separation, statuses always carry a label, and the comparison period is a dashed line on the same axis rather than a second scale.

The states between screens were designed too: loading skeletons, empty results with a way out, notices when a filter doesn’t apply, and an explicit message when the browser blocks saved views.

Income statement
Income statement
Products with stock status
Products with stock status

Try it here.

Open full screen

Honest notes

A studio project, not client work.Tidemark is a Devroniq Studio demonstration product, not client work. Fernway Supply Co., its products, accounts and every figure are fictional, generated in the browser from a fixed seed. Product and account totals reconcile with the channel totals; operating expenses are modelled sample figures.
Built with
  • Vanilla JavaScript modules
  • Hand-drawn SVG charts
  • Deterministic sample dataset
  • localStorage for saved views
  • Geist (open-source)