design-principles

Define design direction, spacing, color, typography, and accessibility guidelines for enterprise interfaces.

6|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/futuregerald/futuregerald-claude-plugin --skill design-principles-futuregerald
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-principles
Source: https://github.com/futuregerald/futuregerald-claude-plugin/tree/main/skills/design-principles
Command: npx skills add https://github.com/futuregerald/futuregerald-claude-plugin --skill design-principles-futuregerald

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams establish a precise, minimal design system to produce polished enterprise interfaces, dashboards, and admin panels.

Core Features & Use Cases

  • Design direction: Commit to a single personality (precision/density, warmth, sophistication, boldness, utility, or data) to guide UI decisions.
  • Foundations & Rules: Define a consistent color foundation, typography, spacing 4px grid, border radii, and depth strategy.
  • Practical Guidelines: Provide isolated controls, surface treatment consistency, and accessibility considerations for real projects.
  • Use Case: Apply these principles when building dashboards or admin interfaces that require consistency and refined aesthetics.

Quick Start

Begin by selecting a design direction and articulating a cohesive 4px grid, typography scale, and surface treatment for your UI.

Frequently Asked Questions about design-principles

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

FAQPage Schema
How do I create a consistent UI design system for enterprise dashboards?

To create a consistent UI design system for enterprise dashboards, commit to a single design personality, then define a 4px spacing grid, typography scale, color foundations, and border radii to guide all interface decisions.

What are the best spacing and typography rules for building admin panels?

The best spacing and typography rules for building admin panels involve adhering to a strict 4px grid system and defining a clear typography scale. These rules ensure density and precision while maintaining visual hierarchy across B2B software.

Can I use a minimalist design system for analytics dashboards and B2B software?

Yes, you can use a minimalist design system for analytics dashboards and B2B software. This approach enforces precise surface treatment, isolated controls, and depth strategy to deliver polished, high-quality enterprise interfaces without unnecessary visual clutter.

How do I apply accessibility guidelines to a dark mode interface?

To apply accessibility guidelines to a dark mode interface, establish a consistent color foundation that ensures sufficient contrast. Treat surfaces consistently and isolate controls to maintain usability and accessibility in enterprise interfaces.

Why does my dashboard UI look inconsistent and unpolished?

Your dashboard UI looks inconsistent and unpolished because it lacks a unified design direction. Without a cohesive 4px grid, defined typography, and established surface treatment, interface decisions become fragmented and visually disconnected.