Communitygithub.com

ComposioHQ/브랜드-가이드라인

OpenAI의 브랜드 색상과 타이포그래피를 적용하여 모든 아티팩트가 Codex/OpenAI 스타일과 일치하도록 합니다. 브랜드 색상, 스타일 가이드라인, 시각적 서식 또는 회사 디자인 표준이 적용될 때 사용하세요.

브랜드-가이드라인란 무엇인가요?

이 스킬은 OpenAI의 브랜드 아이덴티티와 스타일 리소스를 모든 출력물에 자동으로 적용해주는 기술 가이드입니다. 개발자와 AI 에이전트 사용자가 일관된 브랜드 경험을 유지할 수 있도록 도와주며, 주로 Claude Code, Cursor, Codex 등 다양한 플랫폼에서 사용 가능합니다. 주요 색상인 Charcoal(#0E0F12), Slate(#202123), Mist(#F5F7FA), Steel(#9EA1AA)과 강조색인 OpenAI Green(#10A37F), Azure(#2B8FFF), Graphite(#40434A)를 기반으로 작동하며, Inter 폰트와 IBM Plex Mono 폰트를 지능적으로 적용합니다. 이 스킬은 시스템에 설치된 폰트를 우선 사용하고, 없는 경우 Arial/Menlo로 자동 대체하여 어떤 환경에서도 가독성을 보장합니다. 또한 색상과 타이포그래피를 자동으로 선택하여 일관된 브랜드 가이드라인을 유지하며, 비텍스트 도형에는 강조색을 순환 적용하여 시각적 일관성을 유지합니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/ComposioHQ/awesome-codex-skills/tree/main/brand-guidelines

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

OpenAI 브랜드 스타일링

개요

OpenAI의 브랜드 아이덴티티와 스타일 리소스를 이 스킬로 적용하세요.

키워드: 브랜딩, 기업 아이덴티티, 시각적 아이덴티티, 후처리, 스타일링, 브랜드 색상, 타이포그래피, OpenAI 브랜드, Codex, 시각적 서식, 시각적 디자인

브랜드 가이드라인

색상

주요 색상:

  • Charcoal: #0E0F12 - 기본 텍스트 및 어두운 배경
  • Slate: #202123 - 표면 배경
  • Mist: #F5F7FA - 밝은 배경 및 어두운 배경 위의 텍스트
  • Steel: #9EA1AA - 보조 요소 및 구분선

강조 색상:

  • OpenAI Green: #10A37F - 기본 강조
  • Azure: #2B8FFF - 보조 강조
  • Graphite: #40434A - 아이콘 또는 선의 중립적 강조

타이포그래피

  • 제목: Inter, Semibold/Bold (Arial 대체 사용)
  • 본문: Inter, Regular (Arial 대체 사용)
  • 코드/모노스페이스: IBM Plex Mono (Menlo/monospace 대체 사용)
  • 참고: 최상의 결과를 위해 폰트를 환경에 미리 설치하세요

기능

스마트 폰트 적용

  • 제목(24pt 이상)에 Inter Semibold/Bold 적용
  • 본문 텍스트에 Inter Regular 적용
  • 코드 조각이나 인라인 코드에 IBM Plex Mono 적용
  • 커스텀 폰트가 없는 경우 Arial/Menlo로 자동 대체
  • 모든 시스템에서 가독성 유지

텍스트 스타일링

  • 제목(24pt+): Inter Semibold/Bold
  • 본문 텍스트: Inter Regular
  • 배경에 따른 스마트 색상 선택(Charcoal 또는 Mist)
  • 텍스트 계층 구조와 서식 유지

도형 및 강조 색상

  • 비텍스트 도형에는 강조 색상 사용
  • 강조 색상 순환 사용: OpenAI Green → Azure → Graphite
  • 브랜드 아이덴티티를 유지하면서 시각적 흥미 유지

기술적 세부 사항

폰트 관리

  • 시스템에 설치된 Inter 및 IBM Plex Mono 폰트 사용 가능 시 사용
  • Arial(제목/본문) 및 Menlo/monospace(코드)로 자동 대체 제공
  • 폰트 설치 불필요 - 기존 시스템 폰트로 작동
  • 최상의 결과를 위해 환경에 Inter 및 IBM Plex Mono 폰트를 미리 설치하세요

색상 적용

  • 정확한 브랜드 매칭을 위해 RGB 색상 값 사용
  • python-pptx의 RGBColor 클래스를 통해 적용
  • 다양한 시스템에서 색상 충실도 유지

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ComposioHQ/-21risk-automation

Automate 21risk tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/-2chat-automation

Automate 2chat tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/ably-automation

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abstract-automation

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abuselpdb-automation

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abyssale-automation

Automate Abyssale tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accelo-automation

Automate Accelo tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accredible-certificates-automation

Automate Accredible Certificates tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/acculynx-automation

Automate Acculynx tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/active-campaign-automation

Automate ActiveCampaign tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/addresszen-automation

Automate Addresszen tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adobe-automation

Automate Adobe tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adrapid-automation

Automate Adrapid tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adyntel-automation

Automate Adyntel tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aeroleads-automation

Automate Aeroleads tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aero-workflow-automation

Automate Aero Workflow tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinda-automation

Automate Affinda tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinity-automation

Automate Affinity tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agencyzoom-automation

Automate Agencyzoom tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agent-deep-links

Build, validate, and troubleshoot deep links for Codex, Cursor, VS Code, Visual Studio, and similar tools. Use when users ask for clickable links (especially in Slack) that open threads, files, folders, or app settings.

관련 스킬