ClassDojo Brand Identity

A complete profile of ClassDojo's visual system — colors, typography, components, and personality — extracted from http://www.classdojo.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://www.classdojo.com.

• primary: #7D40FF (rgb(125, 64, 255))
• secondary: #EBF2FF (rgb(235, 242, 255))
• accent: #7D40FF (rgb(125, 64, 255))
• background: #F7F8FF (rgb(247, 248, 255))
• textPrimary: #000000 (rgb(0, 0, 0))
• link: #2C2A50 (rgb(44, 42, 80))

Typography

Each font links to its Google Fonts page where available.

• primary: Roboto (Roboto Google Fonts →)
• heading: Ginto (Ginto Google Fonts →)
• font stack: Melun, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using ClassDojo's actual button styles.

• Button Primary:

  • background: #7D40FF
  • textColor: #000000
  • borderRadius: 40px
  • shadow: none

• Button Secondary:

  • background: #FFFFFF
  • textColor: #2C2A50
  • borderColor: #EAECF5
  • borderRadius: 24px
  • shadow: rgba(37, 61, 229, 0) 0px 0px 0px 0px

Brand Personality

• Tone: playful
• Energy: medium
• Audience: teachers, parents, and students

ClassDojo Brand in the Wild

Image: essential.classdojo.com
Source: essential.classdojo.com

Image: static.classdojo.com
Source: engineering.classdojo.com

Frequently Asked Questions

• What is ClassDojo's primary brand color?
  ClassDojo's primary brand color is #7D40FF. It anchors the visual identity across their website, product UI, and marketing materials.

• What font does ClassDojo use?
  ClassDojo uses Roboto for body text and Ginto for headings. Fonts were detected on http://www.classdojo.com as part of their live design system.

• Does ClassDojo use a light or dark theme?
  ClassDojo's primary site uses a light color scheme, with a background of #F7F8FF.

• Where can I find ClassDojo's logo?
  ClassDojo's logo is available directly on their site (http://www.classdojo.com). The current logo URL is included in the machine-readable JSON profile linked above.

• How was this brand profile generated?
  This profile was extracted from http://www.classdojo.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.