← LeaderboardThe Skill Leaderboard

brand-guidelines

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.

Published by composio-community ↗composio-community/awesome-codex-skills

Try your first task

brand-guidelines

Start a fresh conversation. Replace the highlighted placeholders.

Use brand-guidelines to apply the OpenAI/Codex visual identity to [artifact], using the documented color palette and typography while preserving its content and hierarchy.

Required inputs

  • [artifact]

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: brand-guidelinesdescription: 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.license: Complete terms in LICENSE.txt

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