---
title: "DarkBold"
description: "Pure monochrome design with Geist typography and clean minimalism"
canonical_url: "https://docs.farming-labs.dev/docs/themes/darkbold"
markdown_url: "https://docs.farming-labs.dev/docs/themes/darkbold.md"
last_updated: "2018-10-20"
agent:
  tokenBudget: 750
---

# DarkBold
URL: /docs/themes/darkbold
LLM index: /llms.txt
Description: Pure monochrome design with Geist typography and clean minimalism
Related: /docs/themes, /docs/customization/typography, /docs/customization/colors, /docs/themes/creating-themes

# DarkBold Theme

DarkBold uses `darkbold` from `@farming-labs/theme/darkbold`, `theme: darkbold()` in `docs.config.ts`, and `@farming-labs/theme/darkbold/css` in the global stylesheet.
Validate the monochrome `#000` primary, Geist/Geist Mono fonts, and tighter H1–H3 letter spacing; supported examples override `ui.colors.primary` and `ui.typography.font.h1`.
If the site retains another preset's colors or type scale, correct the `/darkbold/css` entrypoint before adding typography overrides.

A pure monochrome design inspired by <HoverLink href="https://vercel.com/docs" title="Vercel Docs" description="Vercel's documentation style pairs crisp monochrome UI, Geist typography, and compact spacing across technical content." linkLabel="Visit Vercel Docs" external>Vercel</HoverLink> — featuring Geist typography, tight letter-spacing, and clean minimalism.

## Usage

```tsx title="docs.config.ts"
import { defineDocs } from "@farming-labs/docs";
import { darkbold } from "@farming-labs/theme/darkbold";

export default defineDocs({
  entry: "docs",
  theme: darkbold(),
});
```

```css title="app/global.css"
@import "tailwindcss";
@import "@farming-labs/theme/darkbold/css";
```

## Defaults

| Property      | Value             |
| ------------- | ----------------- |
| Primary       | `#000` (Black)    |
| Background    | `#fff`            |
| Border        | `#eaeaea`         |
| Border radius | Standard          |
| Content width | 768px             |
| Sidebar width | 260px             |
| Font          | Geist, Geist Mono |

## Typography

DarkBold uses the Geist font family with tighter letter-spacing for headings:

- **H1**: 2.5rem, weight 600, letter-spacing -0.06em
- **H2**: 2rem, weight 600, letter-spacing -0.04em
- **H3**: 1.5rem, weight 600, letter-spacing -0.02em

## Customizing

```tsx title="customizing.tsx"
theme: darkbold({
  ui: {
    colors: { primary: "#0070f3" },
    typography: {
      font: {
        h1: { size: "3rem", weight: 700 },
      },
    },
  },
}),
```

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.
Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md).
Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).