mcpField
B
brand-guidelines

brand-guidelines

github.com/composio-communityDesign & UI17.1k496 installsUpdated 14w ago
Repository

About brand-guidelines

A skill for applying OpenAI’s brand identity to visual materials. It specifies brand colors, typography, text hierarchy, and fallback fonts for styling content.

Key features

  1. 01Applies specified brand colors
  2. 02Styles headings, body text, and code
  3. 03Selects text colors by background
  4. 04Uses accent colors for shapes
  5. 05Falls back to available fonts

Use cases

  1. 01Styling materials with OpenAI colors
  2. 02Applying typography to text content
  3. 03Formatting shapes with brand accents

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/composio-community/awesome-codex-skills --skill brand-guidelines

After installing, type/brand-guidelinesin Claude Code to confirm it loaded.

Bundled filesLICENSE.txt

Details

From the project README

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

Comments

Markdown supported