Brand Guidelines
Applies OpenAI's brand colors and typography to any artifact that should match the...
Install
npx skills add composio-community/awesome-codex-skills --skill brand-guidelines -g -a claude-code -y- Repository
- composio-community/awesome-codex-skills17.2k
- Category
- Design
- Updated
- 3mo ago
- License
- Complete terms in LICENSE.txt
- Context cost
- Lightabout 542 tokens
- Runs scripts
- No, instructions only
What it does
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.
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
