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

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.