design-principles

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

6|Updated Feb 4, 2026

Search Tags:#typography #accessibility #design-principles #ui-design #design-system #dark-mode #spacing-grid

Ready to run

npx skills add https://github.com/futuregerald/futuregerald-claude-plugin --skill design-principles-futuregerald

💬 Prompt for ChatGPT / Claude Chat▼

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.