Loading...

brand-guidelines

Original：🇺🇸 English

Translated

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.

2installs

Sourcecomposiohq/awesome-codex-skills

Added on2026-05-20

NPX Install

npx skill4agent add composiohq/awesome-codex-skills brand-guidelines

Tags

Translated version includes tags in frontmatter

openai-brand brand-styling typography-design color-guidelines visual-identity

SKILL.md Content

View Translation Comparison →

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