# Contentful Brand Identity

A complete profile of **Contentful**'s visual system — colors, typography, components, and personality — extracted from https://contentful.com. Built for designers, agents, and AI tools.

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FF0000 |
| Accent | #2B2D31 |
| Body Font | Avenir Next |
| Heading Font | Avenir Next |

## Color Palette

- primary: #FF0000
- secondary: #6D7682
- accent: #2B2D31
- background: #FFFFFF
- textPrimary: #2B2D31
- link: #1770E5

## Typography

- primary: Avenir Next — https://fonts.google.com/specimen/Avenir+Next
- heading: Avenir Next — https://fonts.google.com/specimen/Avenir+Next

## Visual Assets

- Logo: https://images.ctfassets.net/jtqsy5pye0zd/6wNuQ2xMvbw134rccObi0q/bf61badc6d6d9780609e541713f0bba6/Contentful_Logo_2.5_Dark.svg
- Favicon: https://www.contentful.com/favicon.ico
- Social card (og:image): https://images-www.contentful.com/jtqsy5pye0zd/7lBI01K3NAF1S9JZvC4rkV/478c66f4f3db3ef6c500039d3672049d/image.png

## UI Components

- buttonPrimary: background=#2B2D31, textColor=#FFFFFF, borderRadius=48px, shadow=none
- buttonSecondary: background=#EFF2F6, textColor=#2B2D31, borderColor=#2B2D31, borderRadius=48px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: businesses and developers

## Contentful Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Shopify App | Contentful**  
  - Image: https://images.ctfassets.net/lpjm8d10rkpy/3eNui57msVM66gKo1Twaoh/88e68b90c1311549800336068896c011/Screenshot_2023-11-03_at_13.31.33.png  
  - Source: https://www.contentful.com/marketplace/shopify/  
- **Blog final final final: My journey that led me to Contentful | Contentful**  
  - Image: https://images-www.contentful.com/fo9twyrwpveg/5B2ccX225g9wgiuzWKE037/3324625120a329cd29a081f3d4bcc3e6/2021-12_Top_ten_blogs_of_2021.png?w=1320&q=60&fm=webp  
  - Source: https://www.contentful.com/blog/my-blogging-journey-contentful/  
- **Documentation | Contentful Docs**  
  - Image: https://images.ctfassets.net/7xz38anxkc47/4w7l26mUQhL59gWhxHg1S3/3248cb9e16cc2ba74221df62098d02bc/Team_Building_with_Contentfl_UI-01.png  
  - Source: https://www.contentful.com/developers/docs/  
- **How to build a microblogging site | Contentful**  
  - Image: https://images-www.contentful.com/fo9twyrwpveg/7vVIpxhAoN08nZvznjLgrv/b5806aab8c2057901b229e242c68faf3/BLOG_BuildingLightweightMicroblog.png  
  - Source: https://www.contentful.com/blog/how-to-build-a-lightweight-blog/  
- **Blog editor tells all: “My 7 favorite Contentful features” | Contentful**  
  - Image: https://images-www.contentful.com/fo9twyrwpveg/14B23u0j5cLp7XGjCfw8ce/2d6fdb054dee2c162d669aa201b18038/Favourite_features_for_editors.png?w=1320&q=60&fm=webp  
  - Source: https://www.contentful.com/blog/favourite-features-for-editors/  
- **Documentation | Contentful Docs**  
  - Image: https://images.ctfassets.net/7xz38anxkc47/2LV5KegK8s1BYnyMp3F8BJ/a5f7a63a20ba3f7135f800e7e973e7c3/Dev_TechnologyPage_LogoCloud.png  
  - Source: https://www.contentful.com/developers/docs/

## Working with these fonts

Not found on Google Fonts? Instruction provided for safe use of proprietary fonts.