DESIGN.md Preview
Preview your own file

Enterprise: a DESIGN.md example

Dark mode, cobalt blue, IBM Plex Sans. Below is what this DESIGN.md looks like as a style guide and a landing page, followed by the full file. From the open-source awesome-design-skills collection by Bergside, MIT licence.

Open in the previewerDownload enterprise.md

As a style guide

Style guide

Enterprise

Color

primary

#0C5CAB

2.97:1 on bg

secondary

#0A4A8A

2.24:1 on bg

success

#10B981

7.84:1 on bg

warning

#F59E0B

9.26:1 on bg

danger

#EF4444

5.29:1 on bg

surface

#09090B

1.00:1 on bg

text

#FAFAFA

19.1:1 on bg

Type

h1 · IBM Plex Sans · 2rem

Sphinx of black quartz, judge my vow.

body-md · IBM Plex Sans · 1rem

Sphinx of black quartz, judge my vow.

label-caps · IBM Plex Sans · 0.75rem

Sphinx of black quartz, judge my vow.

Components

Text linkSuccessError

Card title

Cards use the surface color, border and radius from the file.

Space and shape

sm · 8px

md · 16px

sourceScale · 8pt baseline grid

sm · 4px

md · 8px

Notes from the file

Overview

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

Style Foundations
  • Visual style: modern, clean, cloud-platform aesthetic (Heroku/Vercel/GitHub inspired), dark theme, subtle gradients, soft shadows, glass-like panels, rounded components
  • Typography scale: 12/14/16/20/24/32
  • Typography fonts: primary=IBM Plex Sans, display=IBM Plex Sans, mono=IBM Plex Sans
  • Typography weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
  • Color palette: primary, neutral, success, warning, danger
  • Spacing scale: 8pt baseline grid
Colors
  • Primary (#0C5CAB): Token from style foundations.
  • Secondary (#0a4a8a): Token from style foundations.
  • Success (#10b981): Token from style foundations.
  • Warning (#f59e0b): Token from style foundations.
  • Danger (#ef4444): Token from style foundations.
  • Surface (#09090b): Token from style foundations.
  • Text (#fafafa): Token from style foundations.
  • Neutral (#09090b): Derived from the surface token for official format compatibility.

As a landing page

New in 2026

Everything your team ships, in one calm place.

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

No card needed. Cancel any time.

FernlightBramblewoodOxbow & CoTallgrassPellwick
Workflows

Plan, review and ship without the status meeting.

Every request, file and decision lives next to the work it changed, so nobody asks where things are.

See how it works →

Fast by default

Pages load before you finish clicking.

Private by design

Your data stays yours. Full stop.

“We replaced four tools and a weekly meeting. The team noticed in a day.”

Dana Ortiz, Head of Operations at Bramblewood

Starter

$0

For trying it out

Team

$24

Per seat, per month

Enterprise

Let’s talk

SSO, audit logs, SLAs

Ready when your team is.

© 2026 Enterprise. All rights reserved.

The DESIGN.md file

enterprise.md
---
name: Enterprise
colors:
  primary: "#0C5CAB"
  secondary: "#0a4a8a"
  success: "#10b981"
  warning: "#f59e0b"
  danger: "#ef4444"
  surface: "#09090b"
  text: "#fafafa"
  neutral: "#09090b"
typography:
  h1:
    fontFamily: "IBM Plex Sans"
    fontSize: 2rem
  body-md:
    fontFamily: "IBM Plex Sans"
    fontSize: 1rem
  label-caps:
    fontFamily: "IBM Plex Sans"
    fontSize: 0.75rem
  sourceScale: "12/14/16/20/24/32"
  weights: "100, 200, 300, 400, 500, 600, 700, 800, 900"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 8px
  md: 16px
  sourceScale: "8pt baseline grid"
---

## Overview

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

## Style Foundations

- **Visual style:** modern, clean, cloud-platform aesthetic (Heroku/Vercel/GitHub inspired), dark theme, subtle gradients, soft shadows, glass-like panels, rounded components
- **Typography scale:** 12/14/16/20/24/32
- **Typography fonts:** primary=IBM Plex Sans, display=IBM Plex Sans, mono=IBM Plex Sans
- **Typography weights:** 100, 200, 300, 400, 500, 600, 700, 800, 900
- **Color palette:** primary, neutral, success, warning, danger
- **Spacing scale:** 8pt baseline grid

## Colors

- **Primary (#0C5CAB):** Token from style foundations.
- **Secondary (#0a4a8a):** Token from style foundations.
- **Success (#10b981):** Token from style foundations.
- **Warning (#f59e0b):** Token from style foundations.
- **Danger (#ef4444):** Token from style foundations.
- **Surface (#09090b):** Token from style foundations.
- **Text (#fafafa):** Token from style foundations.
- **Neutral (#09090b):** Derived from the surface token for official format compatibility.

More DESIGN.md examples

Last updated