# Dark UI Design Blueprint

> Design specifications and styling tokens for modern dark dashboard interfaces

A concise styling recipe specifying typography, color codes, icon sets, and border radii for dark-mode dashboard interfaces. It provides ready-to-use visual tokens to quickly recreate a clean, cohesive software UI.

## How it works

Steal this blueprint:

- Inter font with letter spacing -0.15px
- 1C1C1C as dark background color
- E5E5E5 for white text and A1A1A1 for subtle text
- @huge\_icons for sleek icons, always
- Border radius: 6px, 8px, and 12px

## What it is for

- Style a dark-mode dashboard or SaaS application interface
- Configure baseline design tokens for dark themes in Figma or Tailwind CSS
- Establish consistent typography and border radius rules for CRM layouts

## Key points

- Typography: Inter font with -0.15px letter spacing
- Background color palette: \#1C1C1C for dark backgrounds
- Text color tokens: \#E5E5E5 for primary text and \#A1A1A1 for subtle text
- Iconography recommendation: Hugeicons for consistent visual weight
- Component hierarchy radius values: 6px, 8px, and 12px

## Pricing

Free

## Details

- Type: Tip
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [UI Design](https://xiry.app/topics/design/ui-design.md)
- Open source: no
- Platforms: other
- For: UI/UX designers and frontend developers
- Tags: darkmode, uidesign, designtokens, typography, dashboard

## Why it was saved

- [@_heyrico, 6 June 2026](https://x.com/_heyrico/status/2063305931572871363): Concrete, copyable recipe for recreating the sleek dark-interface look.

## Related

- [Paper](https://xiry.app/resources/paper): Design canvas built on web standards that connects to AI coding agents (Desktop app, Freemium)
- [Variant](https://xiry.app/resources/variant): AI design tool that generates interface variations from text ideas (Web app, Freemium)
- [15 UI Sites You'll Need](https://xiry.app/resources/15-ui-sites-you-ll-need): Curated collection of 15 UI and design resources for polished websites. (List, Free)
- [Figr](https://xiry.app/resources/figr): AI product design agent that generates contextual UX flows and Figma designs (Web app, Freemium)
- [Modern E-Commerce UI/UX Design Principles (Osklen Case Study)](https://xiry.app/resources/modern-e-commerce-ui-ux-design-principles-osklen-case-study): UI and layout techniques for modern, high-converting e-commerce storefronts (Tip, Free)
- [Motiff](https://xiry.app/resources/motiff): AI UI design tool and generator (discontinued). (Web app, Freemium)

Updated 11 October 2026. Page: https://xiry.app/resources/dark-ui-design-blueprint

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.