Diarmuradi Brand Guidelines

Download Diarmuradi Brand Assets

Naming

Diarmuradi represents the extended evolution of shadcn/ui - a curated collection of premium UI components, blocks, and templates that I create and share. The name embodies the mission to extend component library capabilities, offering developers high-quality, accessible design solutions that accelerate modern web development.

What "Diarmuradi" Means

The "Diarmuradi" signifies expansion beyond traditional component libraries. I extend possibilities by creating and sharing not just individual components, but complete blocks, templates, and patterns that accelerate development. Some premium components and templates are available for purchase, while others are shared freely to support the developer community.

Our name reflects the commitment to extending modern UI development capabilities through carefully crafted components and resources.

Symbol

Our logo symbol captures the innovative spirit of diarmuradi - extending possibilities through modular, reusable components. The geometric design represents growth, connectivity, and the building blocks of modern UI development.

The logo symbol works best in square formats or when space is limited. Always use the full logo when possible.

Colors

Our color palette is built on shadcn/ui's design system, providing a cohesive and accessible foundation for all brand applications. The primary colors ensure consistency across light and dark themes.

Primary
HEX: #6366f1
RGB: rgb(99, 102, 241)
HSL: hsl(238, 68%, 59%)
OKLCH: oklch(0.65 0.2 264)
Foreground
HEX: #0f172a
RGB: rgb(15, 23, 42)
HSL: hsl(222, 47%, 11%)
OKLCH: oklch(15% 0.02 250)
Background
HEX: #ffffff
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
OKLCH: oklch(100% 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

When in doubt, refer to this guide or contact the design team for clarification on brand usage.