Clever Brand Identity

A complete profile of Clever's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #1464FF
• secondary: #EDF5FF
• accent: #1464FF
• background: #FFFFFF
• textPrimary: #0A1E46
• link: #0A1E46

Typography

• primary: MessinaSans — MessinaSans
• heading: ABCArizonaMix — ABC Arizona Mix

Visual Assets

• Logo:
• Favicon:

UI Components

• buttonPrimary: background=#1464FF, textColor=#FFFFFF, borderRadius=10px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#000000, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: educators and students

Clever Brand in the Wild

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

• Kidblog
  • Image:
  • Source: Kidblog
• App Gallery – Clever
  • Image:
  • Source: App Gallery
• Blog – Clever
  • Image:
  • Source: Clever Blog
• Kidblog
  • Image:
  • Source: Kidblog
• Blog – Clever
  • Image:
  • Source: Clever Blog
• Blog – Clever
  • Image:
  • Source: Clever Blog

Machine-Readable Profile

{  
 "colorScheme": "light",  
 "fonts": [  
 {  
 "family": "MessinaSans",  
 "role": "body"  
 },  
 {  
 "family": "ABCArizonaMix",  
 "role": "heading"  
 }  
 ],  
 "colors": {  
 "primary": "#1464FF",  
 "secondary": "#EDF5FF",  
 "accent": "#1464FF",  
 "background": "#FFFFFF",  
 "textPrimary": "#0A1E46",  
 "link": "#0A1E46"  
 },  
 "typography": {  
 "fontFamilies": {  
 "primary": "MessinaSans",  
 "heading": "ABCArizonaMix"  
 },  
 "fontStacks": {  
 "heading": [  
 "ABCArizonaMix",  
 "system-ui",  
 "-apple-system",  
 "Segoe UI",  
 "Roboto",  
 "Helvetica Neue",  
 "Arial",  
 "Noto Sans",  
 "Liberation Sans",  
 "sans-serif",  
 "Apple Color Emoji",  
 "Segoe UI Emoji",  
 "Segoe UI Symbol",  
 "Noto Color Emoji"  
 ],  
 "body": [  
 "ABCArizonaMix",  
 "system-ui",  
 "-apple-system",  
 "Segoe UI",  
 "Roboto",  
 "Helvetica Neue",  
 "Arial",  
 "Noto Sans",  
 "Liberation Sans",  
 "sans-serif",  
 "Apple Color Emoji",  
 "Segoe UI Emoji",  
 "Segoe UI Symbol",  
 "Noto Color Emoji"  
 ],  
 "paragraph": [  
 "MessinaSans"  
 ]  
 },  
 "fontSizes": {  
 "h1": "65px",  
 "h2": "53px",  
 "body": "18px"  
 }  
 },  
 "spacing": {  
 "baseUnit": 4,  
 "borderRadius": "10px"  
 },  
 "components": {  
 "buttonPrimary": {  
 "background": "#1464FF",  
 "textColor": "#FFFFFF",  
 "borderRadius": "10px",  
 "borderRadiusCorners": {  
 "topLeft": "10px",  
 "topRight": "10px",  
 "bottomRight": "10px",  
 "bottomLeft": "10px"  
 },  
 "shadow": "none"  
 },  
 "buttonSecondary": {  
 "background": "#FFFFFF",  
 "textColor": "#000000",  
 "borderRadius": "0px",  
 "borderRadiusCorners": {  
 "topLeft": "0px",  
 "topRight": "0px",  
 "bottomRight": "0px",  
 "bottomLeft": "0px"  
 },  
 "shadow": "none"  
 }  
 },  
 "images": {  
 "logo": "https://www.clever.com/wp-content/themes/clever/assets/img/logo.png",  
 "favicon": "https://www.clever.com/wp-content/uploads/2023/06/cropped-Favicon-512px-32x32.png",  
 "ogImage": null,  
 "logoHref": "https://www.clever.com/",  
 "logoAlt": "Clever logo"  
 },  
 "personality": {  
 "tone": "professional",  
 "energy": "medium",  
 "targetAudience": "educators and students"  
 },  
 "designSystem": {  
 "framework": "custom",  
 "componentLibrary": ""  
 }  
}