Typography

Headings, body text, lists, quotes and code: plain Tailwind classes on the theme's fonts, no component needed.

There's no Typography component: type styles are Tailwind classes, so copy the class names from each example below.

Fonts

Text is set in Inter and headings (h1–h3, and anything with font-heading) in Geist, with a little negative letter-spacing so large sizes stay tight. The theme reads them from --font-inter and --font-geist, which next/font sets; without them it falls back to the system font.

Heading 1

Build dashboards faster

Heading 2

Getting started

Heading 3

Installation

Heading 4

Project structure

Paragraph

Dashral gives you a clean, accessible starting point for admin panels. Every page is built from small, composable components that you own and can change.

Lead

A free admin dashboard template for Next.js, React and Tailwind CSS.

Large, small and muted

Large — for emphasis

Small — labels and captions

Muted — secondary information and hints.

Blockquote

“Good design is as little design as possible.”
— Dieter Rams

Lists

Light and dark mode
Accessible charts
Responsive layout

Clone the repository
Install dependencies
Run the dev server

Inline code

Install the dependencies with pnpm install and start the app.

Link

See the table styles to learn more.