메뉴
Corporate design guidelines. Use whenever you generate UI-related content that influences the visual design of a product, such as color schemes, typography, layout, and overall aesthetics.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | ui-design-guidelines |
| description | Corporate design guidelines. Use whenever you generate UI-related content that influences the visual design of a product, such as color schemes, typography, layout, and overall aesthetics. |
Suggested tokens; adapt to the framework as needed.
:root {
--n3-ink: #111827;
--n3-charcoal: #1f2933;
--n3-navy: #0f2f4a;
--n3-blue: #006fb7;
--n3-blue-dark: #00538a;
--n3-blue-soft: #e6f2fa;
--n3-steel: #607080;
--n3-line: #d8dee6;
--n3-surface: #ffffff;
--n3-surface-muted: #f3f6f8;
--n3-surface-cool: #eef3f6;
--n3-success: #16784c;
--n3-warning: #b26a00;
--n3-danger: #b42318;
}