Skip to content
alyn
composio-community

Brand Guidelines skill

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

$npx skills add composio-community/awesome-codex-skills --skill brand-guidelines
View this skill on GitHubcomposio-community/awesome-codex-skills/brand-guidelines/SKILL.md
Pack stars
17,279
Pack installs
26k
Alyn Score
60/99
Updated
4 months ago
– views – installs via Alyn

Install Brand Guidelines

Pick your agent. Every command is ready to paste.

$npx skills add composio-community/awesome-codex-skills --skill brand-guidelines

The open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.

01

Install it

Run the command above, or upload the folder in Claude.

02

Ask naturally

Describe the task. Your agent loads brand-guidelines when the request matches its description.

03

Name it if needed

If it does not trigger, say “use the brand-guidelines skill”. In Codex, type $brand-guidelines.

The skill itself

SKILL.md

FolderGitHub

OpenAI Brand Styling

Overview

Apply OpenAI's brand identity and style resources with this skill.

Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, OpenAI brand, Codex, visual formatting, visual design

Brand Guidelines

Colors

Main Colors:

  • Charcoal: #0E0F12 - Primary text and dark backgrounds
  • Slate: #202123 - Surface backgrounds
  • Mist: #F5F7FA - Light backgrounds and text on dark
  • Steel: #9EA1AA - Secondary elements and dividers

Accent Colors:

  • OpenAI Green: #10A37F - Primary accent
  • Azure: #2B8FFF - Secondary accent
  • Graphite: #40434A - Neutral accent for icons or strokes

Typography

  • Headings: Inter, Semibold/Bold (with Arial fallback)
  • Body Text: Inter, Regular (with Arial fallback)
  • Code/Monospace: IBM Plex Mono (with Menlo/monospace fallback)
  • Note: Fonts should be pre-installed in your environment for best results

Features

Smart Font Application

  • Applies Inter Semibold/Bold to headings (24pt and larger)
  • Applies Inter Regular to body text
  • Applies IBM Plex Mono for code snippets or inline code
  • Automatically falls back to Arial/Menlo if custom fonts unavailable
  • Preserves readability across all systems

Text Styling

  • Headings (24pt+): Inter Semibold/Bold
  • Body text: Inter Regular
  • Smart color selection based on background (Charcoal or Mist as appropriate)
  • Preserves text hierarchy and formatting

Shape and Accent Colors

  • Non-text shapes use accent colors
  • Cycle accent usage: OpenAI Green → Azure → Graphite
  • Maintains visual interest while staying on-brand

Technical Details

Font Management

  • Uses system-installed Inter and IBM Plex Mono fonts when available
  • Provides automatic fallback to Arial (headings/body) and Menlo/monospace (code)
  • No font installation required - works with existing system fonts
  • For best results, pre-install Inter and IBM Plex Mono fonts in your environment

Color Application

  • Uses RGB color values for precise brand matching
  • Applied via python-pptx's RGBColor class
  • Maintains color fidelity across different systems

Tips for Brand Guidelines

  • • Start a fresh session after installing so your agent picks up the new skill.
  • • It is part of a pack with 30 skills. Install only the ones you need with --skill to keep triggers precise.
  • • If two skills overlap, mention the one you want by name.

Questions about Brand Guidelines

What does the Brand Guidelines skill do?

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

How do I install Brand Guidelines?

Run "npx skills add composio-community/awesome-codex-skills --skill brand-guidelines" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.

Does Brand Guidelines work in Cursor and Codex?

Yes. Brand Guidelines uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.

Is Brand Guidelines free?

Brand Guidelines is open source on GitHub. It is free to install; check the license before commercial use.

Who made Brand Guidelines?

Brand Guidelines is published by composio-community in the composio-community/awesome-codex-skills repository, together with 29 other skills.

Similar skills. From other creators.