---
title: "Textures"
description: "Background pattern utility classes in Sanity ID."
canonical_url: "https://sanity-id-docs.sanity.build/sanity-id/textures"
md_url: "https://sanity-id-docs.sanity.build/sanity-id/textures.md"
docs_index: "https://sanity-id-docs.sanity.build/sanity-id/llms.txt"
version: "1.15.2"
---

> Part of the Sanity ID reference. The index of every page is at https://sanity-id-docs.sanity.build/sanity-id/llms.txt.

# Textures

Background pattern utilities, applied as Tailwind classes.

## Dots - Hex

- `bg-dots-hex-spread-sm` — Spread Small
- `bg-dots-hex-spread-md` — Spread Medium
- `bg-dots-hex-spread-lg` — Spread Large
- `bg-dots-hex-base-sm` — Base Small
- `bg-dots-hex-base-md` — Base Medium
- `bg-dots-hex-base-lg` — Base Large
- `bg-dots-hex-dense-sm` — Dense Small
- `bg-dots-hex-dense-md` — Dense Medium
- `bg-dots-hex-dense-lg` — Dense Large

## Dots - Grid

- `bg-dots-grid-spread-sm` — Spread Small
- `bg-dots-grid-spread-md` — Spread Medium
- `bg-dots-grid-spread-lg` — Spread Large
- `bg-dots-grid-base-sm` — Base Small
- `bg-dots-grid-base-md` — Base Medium
- `bg-dots-grid-base-lg` — Base Large
- `bg-dots-grid-dense-sm` — Dense Small
- `bg-dots-grid-dense-md` — Dense Medium
- `bg-dots-grid-dense-lg` — Dense Large

## Lines - Horizontal

- `bg-lines-horizontal-sm` — Small
- `bg-lines-horizontal-md` — Medium
- `bg-lines-horizontal-lg` — Large

## Lines - Grid

- `bg-lines-grid-sm` — Small
- `bg-lines-grid-md` — Medium
- `bg-lines-grid-lg` — Large