--- title: "Heights brand guidelines: logo, colors and fonts | Rainbrand" description: "Heights’s logo, colors (#010071, #FFB12E, #33358B), fonts (Athletics, Outfit), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/heights/" --- (Brand guidelines) // Health and wellness # Heights brand guidelines Heights’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from heights.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/heights/heights-brand-skill.zip) ![HEIGHTS wordmark in navy](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fheights%2Fheights-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Heights Blue #010071 - Tangerine #FFB12E - Indigo #33358B - Warm off-white #FEFBF9 ## About Heights Heights is a science-led wellness brand creating supplements for brain, body and gut health. Its distinctive character pairs research-minded clarity with an optimistic, approachable promise: “Science you can feel.” ## Heights logo - ![HEIGHTS wordmark in navy](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fheights%2Fheights-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download HEIGHTS wordmark in navy](https://www.rainbrand.com/brand-guidelines/heights/heights-logo.svg) Use the condensed HEIGHTS wordmark as the brand signature, in Heights Blue on light backgrounds. Preserve the artwork’s proportions and clear appearance rather than recreating or substituting the mark. ## Heights colors - Heights Blue Wordmark, headings, links and primary buttons HEX #010071 Copy HEX RGB 1, 0, 113 Copy RGB - Tangerine Accent and secondary buttons HEX #FFB12E Copy HEX RGB 255, 177, 46 Copy RGB - Indigo Body text and subtitles HEX #33358B Copy HEX RGB 51, 53, 139 Copy RGB - Warm off-white Page background HEX #FEFBF9 Copy HEX RGB 254, 251, 249 Copy RGB - Cream Secondary background HEX #F9F6F1 Copy HEX RGB 249, 246, 241 Copy RGB - White Cards and text on Heights Blue HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Heights fonts - Athletics Headings · 500 - Outfit Body · 400, Buttons and links · 500 Font names only. The Brand Skill download doesn’t include font files. ## Heights’s voice Write with confident scientific clarity and human warmth. Make evidence accessible, connect health support to everyday life, and keep the tone optimistic without sounding like a miracle cure. Light wit is welcome when it makes the brand feel more relatable, not less credible. - “Science powers your potential” - “It’s science you can feel — and the standard the industry should have held all along” - “Two friends. A shared goal to get back to living” - “No 4am starts or green sludge necessary” ## Dos and don’ts ### Do - Lead with clear, everyday benefits, then make the scientific basis understandable. - Describe formulas as evidence-led and thoughtfully designed; connect technical details to real routines. - Keep the tone bright, helpful, and human. Use conversational phrasing and occasional restrained humor. - Make health and performance language measured, specific, and grounded in substantiation for the relevant product. - Set the wordmark and headings in Heights Blue on Warm off-white, with Tangerine as the accent. ### Don’t - Don’t use exaggerated promises or imply that a supplement diagnoses, treats, cures, or prevents disease. - Don’t present a product’s result, timeframe, ingredient, or study claim as universal across Heights products. Keep claims specific to the relevant formula and support them with appropriate evidence. - Don’t make the brand sound clinical, intimidating, or dismissive of everyday experience. - Don’t use empty superlatives in place of useful detail about the formula, evidence, or customer benefit. ## More from the Brand Skill ### Science and claims Position Heights as science-led: the brand emphasizes researched ingredients, expert formulation, independent testing, delayed-release capsule technology, and clinical evidence. Explain technical points in plain language and connect them to a practical benefit. Keep any quantitative study result, ingredient benefit, certification, or product-performance statement specific to its product and supporting context. Do not generalize a product’s evidence or claims across the range. Treat testimonial outcomes as individual experiences, not guaranteed results. Use regulated health claims accurately and do not turn support language into disease-treatment promises. Safety and disclaimer wording belongs to the relevant market and product context; reproduce applicable approved wording when required. ### Brand and campaign imagery Use Heights’ own visual material to guide future work across its identity, website campaigns, backgrounds, and branded storytelling. Aim for a mix of considered art direction, open space, and a bright, natural wellness mood. ### People and expertise imagery Show real people in a warm, confident, everyday context. Heights features founders, customers, and scientific advisors; keep portraits natural and credible, and present expert imagery with the relevant expert-led science content. ### Science and ingredient imagery Use clear, approachable visuals to explain research, ingredients, formulation, and capsule technology. Favor visual evidence that helps a reader understand what is inside and how the formula is designed to work. ### Product and interface imagery Keep Heights product imagery clear, polished, and easy to identify. Product pages and shop cards pair pack shots with supporting ingredient, benefit, and usage visuals. Preserve Heights’ own product-interface screenshots and product-experience imagery when designing or extending its digital experience. ## Download Heights’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 Heights’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/heights/heights-brand-skill.zip) heights-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ voice.md │ ├ science-and-claims.md │ ├ imagery-brand-and-campaign.md │ ├ imagery-people-and-expertise.md │ ├ imagery-science-and-ingredients.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ └ imagery-products-and-interface.md └ assets/logos/ └ heights-logo.svg Rainbrand’s Brand Agent built this Brand Skill from heights.com on 30 Oct 2026. It isn’t Heights’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Heights and its logos are trademarks of Braincare Limited. Rainbrand isn’t affiliated with or endorsed by Braincare Limited. ## 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/) - [Headspace brand guidelines](https://www.rainbrand.com/brand-guidelines/headspace/) Health and wellness - [Oura brand guidelines](https://www.rainbrand.com/brand-guidelines/oura/) Health and wellness - [Strava brand guidelines](https://www.rainbrand.com/brand-guidelines/strava/) Health and wellness 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/)