DarkBold ThemeCopy Anchor Link

A pure monochrome design inspired by Vercel — featuring Geist typography, tight letter-spacing, and clean minimalism.

UsageCopy Anchor Link

import { defineDocs } from "@farming-labs/docs";
import { darkbold } from "@farming-labs/theme/darkbold";

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

@import "tailwindcss";
@import "@farming-labs/theme/darkbold/css";

DefaultsCopy Anchor Link

TypographyCopy Anchor Link

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

CustomizingCopy Anchor Link

theme: darkbold({
  ui: {
    colors: { primary: "#0070f3" },
    typography: {
      font: {
        h1: { size: "3rem", weight: 700 },
      },
    },
  },
}),