Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Modular card-based SaaS dashboard v1.0.0

Use this resource to design a card-based metrics dashboard

New

  • 459 downloads
  • 111 likes
  • 162 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install meridian-saas-dashboard

First time: connect the CLI with

npx --yes palatekit@latest login

The agent builds an analytics page with a sidebar, search, metric cards and simple charts, following the colors, radii and contrast rules. You get a neat, modular dashboard that is easy to adapt.

Mostly picked by

Updated November 2, 2026

Preview of a card-based dashboard: off-white canvas, white cards, DM Mono metrics and a blue accent.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md with color tokens, typography and components
  • A layout description: top bar, side navigation, card area
  • Rules for depth, radii and hover states
  • An HTML preview and an image of the dashboard

Good fit for

  • An activity or sales report for a client
  • The dashboard of a SaaS tool
  • A team metrics tracking space

Not for

  • A very dense dark financial interface
  • A brand showcase site

Tags

  • dashboard
  • saas
  • cards
  • metrics
  • dm-sans

About

You say

"Build a sales tracking dashboard following the Meridian Dashboard DESIGN.md."

Preview of a card-based dashboard: off-white canvas, white cards, DM Mono metrics and a blue accent.

DESIGN.md published by albemala (design-md-library, file author: albemala) under the MIT license, translated by PalateKit.

Show more

Prerequisites

You bring
The list of metrics to track and Your data or a sample set

How to use it

  1. Copy DESIGN.md to the project root
  2. Describe the metrics to display
  3. Check contrast and card alignment

Content preview

Files

  • DESIGN.md9.9 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • preview.html75.2 KB
  • preview.webp47.1 KB

Origin and licence

Modified by PalateKit

Author
albemala
Source
github.com/albemala/design-md-library/tree/b77c816b1dc643760344a459db102ce3f35b7c39/design-md/saas-dashboard
Licence
MIT

Notice

Version modifiée de « Meridian Dashboard » (albemala, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Are the charts included?

The file describes simple, flat charts; plug in your usual charting library.

Can I change the blue accent?

Yes, edit the primary tokens in the YAML header.