Brand Guidelines

Download assets

Naming

Diarmuradi provides beautifully crafted blocks, templates, and snippets for shadcn/ui. Everything is designed to be copy-paste ready, giving developers high-quality, accessible components they can use immediately in their projects.

Diarmuradi is your shortcut to beautiful, functional UI—without starting from scratch.

Symbol

The "dm" symbol—the initials of diarmuradi—represents our brand identity. Simple, bold, and unmistakable. It works beautifully across light and dark themes and scales perfectly at any size.

Both PNG and SVG formats are available. Use PNG for quick exports, or SVG for scaling and customization.

Colors

Primary
HEX: #1447e6
RGB: rgb(20, 71, 230)
HSL: hsl(225.43, 84%, 49.02%)
OKLCH: oklch(0.488 0.243 264.376)
Foreground
HEX: #252d3d
RGB: rgb(37, 45, 61)
HSL: hsl(221, 25%, 19%)
OKLCH: oklch(0.145 0 0)
Background
HEX: #ffffff
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
OKLCH: oklch(1 0 0)

These colors provide excellent contrast and accessibility. Use primary colors for CTAs and neutrals for backgrounds and text.

Usage Guidelines

Clear guidelines ensure our brand maintains consistency and recognition across all touchpoints. Follow these principles when applying the diarmuradi brand.

Do's

  • Use the full logo whenever possible
  • Maintain minimum clear space around logo
  • Use approved color combinations
  • Ensure adequate contrast for accessibility

Don'ts

  • Don't modify logo proportions or colors
  • Don't place on busy backgrounds without clear space
  • Don't use low-resolution versions
  • Don't combine with other brand marks