dark-premium

Design immersive dark mode interfaces with typography, color, and noise overlays.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/yrlanrteixeira/landcraft --skill dark-premium
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dark-premium
Source: https://github.com/yrlanrteixeira/landcraft/tree/main/.agents/skills/dark-premium
Command: npx skills add https://github.com/yrlanrteixeira/landcraft --skill dark-premium

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit provides a comprehensive design aesthetic focused on creating immersive, high-end dark mode interfaces, ideal for brands and organizations looking to differentiate themselves visually.

Core Features & Use Cases

  • Customizable Dark Mode: Offers extensive customization options for creating dark-themed user interfaces with metallic accents and noise grain overlays.
  • Typography Architecture: Implements a curated font stack and text color hierarchy for a cohesive, premium visual language.
  • Color System: Utilizes a 'Void Palette' for base surfaces and customizable accent palettes, ensuring consistent branding.
  • Image Treatment: Implements grayscale treatments for images to integrate seamlessly with dark mode designs.
  • Responsive Design: Ensures that interfaces are visually appealing and functional across all devices.

Quick Start

Create a dark mode UI design by referencing the provided typography, color, and noise overlay guidelines, and implement them into your project.

Frequently Asked Questions about dark-premium

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a premium dark mode interface for a high-end brand?

Design a premium dark mode interface by applying a curated font stack, a 'Void Palette' for base surfaces, metallic accent colors, and noise grain overlays to create depth and texture. This approach ensures a cohesive, high-end visual language for brands in sectors like nightlife, tech, and gaming.

What is the best way to use color theory and typography in dark mode UI design?

Use color theory and typography in dark mode UI design by implementing a structured text color hierarchy alongside a customizable accent palette. This ensures consistent branding and readability across immersive, dark-themed surfaces.

Can I use these dark mode aesthetic guidelines for barbershop and gaming interfaces?

Yes, you can use these dark mode aesthetic guidelines for barbershop and gaming interfaces. The system provides tailored motion, image treatments, and visual depth specifically optimized for high-end branding in barbershops, nightlife, tech, and gaming sectors.

How do I apply noise overlays and image treatments in dark mode designs?

Apply noise overlays and image treatments in dark mode designs by integrating noise grain overlays for texture and using grayscale treatments for images. This ensures visual assets integrate seamlessly with the immersive, dark-themed user interface.

Does this dark mode design system support responsive design across all devices?

Yes, this dark mode design system supports responsive design across all devices. It ensures that interfaces utilizing the Void Palette, typography architecture, and motion systems remain visually appealing and functional on any screen size.