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.
npx skills add composio-community/awesome-codex-skills --skill brand-guidelines --agent codex
Same command for any agent — swap --agent for claude-code, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 cus
- Overview
- Brand Guidelines
- Colors
- Typography
- Features
- Smart Font Application
- Text Styling
- Shape and Accent Colors
- Technical Details
- Font Management
- Color Application
What does the brand-guidelines skill do?
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.
How do I install it?
Run `npx skills add composio-community/awesome-codex-skills --skill brand-guidelines --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From composio-community/awesome-codex-skills, a repository with 15,591 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.