skills.rest
ingpoc
ingpocCOMMUNITY
Explore all skills by this author →
GitHub

duotone-identity

Standardize Identity Platform visuals with a cream/charcoal duotone design language.

9|Updated Dec 13, 2025
Search Tags:#typography#svg#identity#design-system#gsap#ui-styling#duotone
One-click install
npx skills add https://github.com/ingpoc/SKILLS --skill duotone-identity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: duotone-identity
Source: https://github.com/ingpoc/SKILLS/tree/main/duotone-identity
Command: npx skills add https://github.com/ingpoc/SKILLS --skill duotone-identity

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The Duotone Identity Design System reduces visual inconsistency across Identity Platform pages by providing a unified cream/charcoal design language, typography, and animated SVG components.

Core Features & Use Cases

  • Centralized color palette with strict usage rules
  • Typography and layout guidelines for landing pages, chapters, and components
  • Ready-to-use SVG patterns and GSAP animation templates for lively, accessible UI
  • Use Case: Standardize branding across marketing pages and UI components

Quick Start

Load the Duotone Identity Design System in your Identity Platform project and start applying the cream/charcoal design language to landing pages, chapter sections, and SVG illustrations.

Frequently Asked Questions about duotone-identity

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

FAQPage Schema
How do I standardize UI styling across web and mobile landing pages?▼

Standardize UI styling by applying a strict cream and charcoal duotone design language to landing pages, chapter sections, and UI components. This enforces visual consistency and centralized color usage across Identity Platform interfaces.

How do I create accessible SVG illustrations with GSAP animations?▼

Create accessible SVG illustrations by utilizing ready-to-use SVG patterns and GSAP-ready animation templates. This design system provides built-in components to ensure lively, accessible UI motion graphics.

What typography guidelines should I use for a design system?▼

Typography guidelines for this design system dictate centralized layout and font usage rules for landing pages, chapters, and components. These rules ensure cohesive text presentation across all Identity Platform interfaces.

Can I use this duotone design system for mobile interfaces?▼

Yes, you can use this duotone design system for mobile interfaces. The cream and charcoal visual language applies seamlessly across both web and mobile platforms to maintain unified branding.

Why does my Identity Platform branding look visually inconsistent?▼

Identity Platform branding looks inconsistent without a unified design language. This duotone system solves visual fragmentation by enforcing strict color palette rules, typography guidance, and standardized SVG components.

Related Skills

Explore More Design & Creative Skills→
fabioc-alohafabioc-aloha

graphic-design

Provide structured design principles, typography, color, and SVG guidelines.

Community
Basic
pinion05pinion05
3

frontend-design

Generate production-ready HTML/CSS/JS or framework-specific frontend components with cohesive typography, color, and motion.

Community
Advanced
R1ve3raaTechR1ve3raaTech

gsap-timeline

Manages complex animation sequences and nesting for GSAP projects.

Community
Advanced
a7gardena7garden

design-guide

Document and enforce CoHalo's frontend design language across components, tokens, typography, and patterns.

Community
Advanced