--- name: brand-guidelines description: 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