# DarkBold
URL: /docs/themes/darkbold
LLM index: /llms.txt
Description: Pure monochrome design with Geist typography and clean minimalism

# DarkBold Theme

Use this page when the user asks about this topic: Pure monochrome design with Geist typography and clean minimalism.
Keep answers grounded in the exact options, routes, commands, and examples documented here.
If the request moves beyond this page, point to the closest related docs instead of inventing config.

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 },
      },
    },
  },
}),
```