--- title: "Glossier brand guidelines: logo, colors and fonts" description: "Glossier’s logo, colors (#0600FF, #000000, #FFFFFF), fonts (Apercu, Apercu Mono), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/glossier/" --- (Brand guidelines) // Beauty and personal care # Glossier brand guidelines Glossier’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from glossier.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/glossier/glossier-brand-skill.zip) ![Glossier wordmark in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fglossier%2Fglossier-wordmark-white.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Vivid blue #0600FF - Black #000000 - White #FFFFFF - Pale pink #FBD1DA ## About Glossier Glossier is a beauty brand built around real life, thoughtful design, and uncomplicated products. Its Skin First. Makeup Second™ philosophy celebrates individuality, freedom of expression, and having fun, so people can feel good in their own skin. ## Glossier logo - ![Glossier wordmark in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fglossier%2Fglossier-wordmark-white.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Glossier wordmark in white](https://www.rainbrand.com/brand-guidelines/glossier/glossier-wordmark-white.svg) - ![Glossier wordmark in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fglossier%2Fglossier-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Glossier wordmark in black](https://www.rainbrand.com/brand-guidelines/glossier/glossier-wordmark.svg) Use the Glossier wordmark, the italic “Glossier.” with its full stop, as the brand mark: black on white and light backgrounds, white on the brand blue and on photography. Keep it distinct from campaign artwork, product imagery and interface icons. ## Glossier colors - Vivid blue Signature accent: badges, labels and highlights HEX #0600FF Copy HEX RGB 6, 0, 255 Copy RGB - Black Wordmark and text HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - White Backgrounds, and the wordmark on blue HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Pale pink Soft accent badges HEX #FBD1DA Copy HEX RGB 251, 209, 218 Copy RGB ## Glossier fonts - Apercu Headings and body · 400 - Apercu Mono Badges and labels · 400 Font names only. The Brand Skill download doesn’t include font files. ## Glossier’s voice Write with warmth, ease, and a personal point of view. Keep language direct and conversational, with playful turns of phrase and an emphasis on natural beauty, individuality, and everyday life. Speak to people wherever they are in their beauty journey; invite them to express themselves rather than suggesting they need to conceal who they are. Glossier’s own copy captures this voice in phrases such as “Here at Glossier, beauty is about you,” “beauty shouldn’t be built in a boardroom—it should be built by you,” and “No matter where you are in your beauty journey, you look good.” - “Skin First. Makeup Second.” - “Here at Glossier, beauty is about you” - “beauty shouldn’t be built in a boardroom—it should be built by you” - “No matter where you are in your beauty journey, you look good” ## Dos and don’ts ### Do - Put healthy skin first and let makeup enhance, rather than mask, natural beauty. - Make the work feel thoughtful, accessible, uncomplicated, and grounded in real life. - Celebrate freedom of expression, individuality, and fun. - Write warmly and directly, with a personal, playful touch. - Use the vivid blue as the accent against plenty of white, with black for the wordmark and text. ### Don’t - Don’t imply that people need to hide or correct their natural appearance to look good. - Don’t make the brand voice sound formal, clinical, or overcomplicated when simple, conversational wording will do. - Don’t let decorative design overwhelm the product, the person, or the message. - Don’t retype or redraw the wordmark, or drop its full stop; use the artwork. ## More from the Brand Skill ### Website design Keep digital design light, spacious, and clear. Use Apercu and a distinct hierarchy: a prominent main heading, simpler supporting headings, and compact body copy. Keep layouts uncluttered and rely on spacing rather than shadows to separate content. Use simple, restrained controls: primary buttons are light-filled with subtle corners; secondary buttons are transparent with a fine outline; text links are underlined. Preserve legibility and clear interaction states when adapting the site’s interface. ### Brand and campaign imagery Use Glossier’s own brand and campaign imagery as visual reference for the brand experience, seasonal merchandising, community work, and retail presence. Preserve the distinct desktop and mobile executions where both are shown. ### Fragrance imagery Use Glossier’s fragrance imagery to guide product presentation and storytelling: product-focused gallery views, people wearing the fragrance, and campaign scenes that make the scent feel personal and wearable. ### Makeup and lip imagery Use Glossier’s makeup imagery to show products and shades alongside their effect in use. Keep the product recognizable, and let real-life application and visible color tell the story. ### Skincare and body imagery Use product photography and in-use imagery together to show packaging, texture, and application. Keep the skincare and body imagery approachable and grounded in everyday routines. ## Download Glossier’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Glossier’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/glossier/glossier-brand-skill.zip) glossier-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ voice-and-messaging.md │ ├ color.md │ ├ logo.md │ ├ typography.md │ ├ website-design.md │ ├ imagery-brand-and-campaign.md │ ├ imagery-fragrance.md │ ├ imagery-makeup-and-lips.md │ └ imagery-skincare-and-body.md └ assets/logos/ ├ glossier-wordmark-white.svg └ glossier-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from glossier.com on 30 Oct 2026. It isn’t Glossier’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Glossier and its logos are trademarks of Glossier, Inc. Rainbrand isn’t affiliated with or endorsed by Glossier, Inc. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Aesop brand guidelines](https://www.rainbrand.com/brand-guidelines/aesop/) Beauty and personal care - [Byredo brand guidelines](https://www.rainbrand.com/brand-guidelines/byredo/) Beauty and personal care - [Diptyque brand guidelines](https://www.rainbrand.com/brand-guidelines/diptyque/) Beauty and personal care The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)