Compose.ai Brand Identity

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

Quick Facts

Color Palette

• primary: #4728C0
• secondary: #111827
• accent: #4728C0
• background: #FFFFFF
• textPrimary: #110817
• link: #110817

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Inter — https://fonts.google.com/specimen/Inter

Visual Assets

• Logo:
• Favicon:

UI Components

• buttonPrimary: background=#4728C0, textColor=#FFFFFF, borderRadius=4px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px
• buttonSecondary: background=#FFFFFF, textColor=#4728C0, borderRadius=4px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

Compose.ai Brand in the Wild

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

• Compose AI | Privacy Policy
  • Image:
  • Source: https://www.compose.ai/privacy-policy
• Compose AI: Automated Your Writing
  • Image:
  • Source: https://www.compose.ai/
• Compose AI: Automated Your Writing
  • Image:
  • Source: https://www.compose.ai/
• Compose AI | Sign Up
  • Image:
  • Source: https://www.compose.ai/sign-up
• Compose AI | Sign Up
  • Image:
  • Source: https://www.compose.ai/sign-up
• Compose AI + Instagram
  • Image:
  • Source: https://www.compose.ai/instagram

Working with these fonts

Not found on Google Fonts? Follow the instructions provided if you have permission to use the fonts. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {"family": "Inter", "role": "body"}
 ],
 "colors": {
 "primary": "#4728C0",
 "secondary": "#111827",
 "accent": "#4728C0",
 "background": "#FFFFFF",
 "textPrimary": "#110817",
 "link": "#110817"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Inter",
 "heading": "Inter"
 },
 "fontStacks": {
 "heading": ["Inter"],
 "body": ["ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
 "paragraph": ["ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]
 },
 "fontSizes": {
 "h1": "55px",
 "h2": "55px",
 "body": "14px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "4px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#4728C0",
 "textColor": "#FFFFFF",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#4728C0",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px"
 }
 },
 "images": {
 "logo": "https://www.compose.ai/compose_logo_128.png",
 "favicon": "https://www.compose.ai/compose_logo_128.png",
 "ogImage": null,
 "logoAlt": "Compose AI Logo"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "tech-savvy professionals"
 },
 "designSystem": {
 "framework": "tailwind",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}