{
  "schemaVersion": "1.0",
  "canonicalUrl": "https://pyxis.design/brand/brainbots",
  "dataUrl": "https://pyxis.design/brand/brainbots/brand.json",
  "sectionOrder": [
    {
      "id": "introduction",
      "label": "Introduction"
    },
    {
      "id": "logo",
      "label": "Logo"
    },
    {
      "id": "colors",
      "label": "Color"
    },
    {
      "id": "typography",
      "label": "Typography"
    },
    {
      "id": "motion",
      "label": "Motion"
    },
    {
      "id": "voice-and-tone",
      "label": "Voice and tone"
    },
    {
      "id": "moodboard",
      "label": "Moodboard"
    },
    {
      "id": "applications",
      "label": "Applications"
    },
    {
      "id": "assets",
      "label": "Assets"
    }
  ],
  "brand": {
    "slug": "brainbots",
    "name": "Brainbots",
    "guidelinesLabel": "Brand guidelines",
    "summary": "A playful, trustworthy learning brand that helps young people turn curiosity into real digital projects.",
    "year": 2026,
    "metadata": {
      "title": "Brainbots Brand Guidelines",
      "description": "The Brainbots identity, color, typography, motion, voice, imagery, applications, and downloadable brand assets."
    },
    "theme": {
      "background": "#FFFFFF",
      "foreground": "#0A0A0A",
      "accent": "#2201FF",
      "accentForeground": "#FFFFFF",
      "surface": "#F2F2F2",
      "muted": "#747474",
      "border": "#D8D8D8"
    },
    "introduction": {
      "heroAlt": "A Brainbots learner seated in a workshop",
      "statement": "Curious minds create what comes next.",
      "facts": [
        {
          "label": "Audience",
          "value": "Ages 5–18"
        },
        {
          "label": "Region",
          "value": "The Gulf"
        },
        {
          "label": "Format",
          "value": "Live classes"
        },
        {
          "label": "Outcome",
          "value": "Real projects"
        }
      ],
      "heading": "Play, code, innovate.",
      "lead": "Brainbots helps children and teenagers move from using technology to creating with it.",
      "body": "Live, project-based learning turns big technical ideas into approachable experiences. Every touchpoint should feel energetic and optimistic for learners while remaining specific, transparent, and reassuring for parents.",
      "heroSrc": "https://pyxis.design/brand/brainbots/introduction.png"
    },
    "logo": {
      "heading": "A clear space for the Brainbots identity.",
      "description": "The Brainbots primary logo and logomark combine an energetic symbol with a clear, approachable wordmark.",
      "primary": {
        "title": "Primary logo",
        "description": "Use the complete wordmark for introductions, campaign sign-offs, and layouts with enough horizontal space.",
        "alt": "Brainbots primary logo",
        "clearSpaceLabel": "1x = half the logo height",
        "src": "https://pyxis.design/brand/brainbots/logos/primary-logo.svg",
        "darkSrc": "https://pyxis.design/brand/brainbots/logos/primary-logo-dark.svg"
      },
      "mark": {
        "title": "Logomark",
        "description": "Use the compact mark only where the brand is already established or available space is constrained.",
        "alt": "Brainbots logomark",
        "clearSpaceLabel": "1x = half the logo height",
        "src": "https://pyxis.design/brand/brainbots/logos/logomark.svg",
        "darkSrc": "https://pyxis.design/brand/brainbots/logos/logomark-dark.svg"
      }
    },
    "colors": {
      "heading": "Color",
      "description": "Electric Ultramarine anchors the system, supporting colors add discovery and playfulness.",
      "proportionsNote": "Example UI distribution—not official",
      "items": [
        {
          "name": "White",
          "hex": "#FFFFFF",
          "foreground": "dark",
          "proportion": 46,
          "mosaic": {
            "columnStart": 4,
            "columnSpan": 3,
            "rowStart": 1,
            "rowSpan": 1
          }
        },
        {
          "name": "Vampire Black",
          "hex": "#0A0A0A",
          "foreground": "light",
          "proportion": 34,
          "mosaic": {
            "columnStart": 1,
            "columnSpan": 3,
            "rowStart": 1,
            "rowSpan": 1
          }
        },
        {
          "name": "Electric Ultramarine",
          "hex": "#2201FF",
          "foreground": "light",
          "proportion": 8,
          "mosaic": {
            "columnStart": 3,
            "columnSpan": 4,
            "rowStart": 2,
            "rowSpan": 1
          }
        },
        {
          "name": "Spring Bud",
          "hex": "#AEFF02",
          "foreground": "dark",
          "proportion": 4,
          "mosaic": {
            "columnStart": 1,
            "columnSpan": 2,
            "rowStart": 2,
            "rowSpan": 2
          }
        },
        {
          "name": "Shocking Pink",
          "mosaicLabel": "Pink",
          "hex": "#FE06BE",
          "foreground": "dark",
          "proportion": 3,
          "mosaic": {
            "columnStart": 3,
            "columnSpan": 1,
            "rowStart": 3,
            "rowSpan": 1
          }
        },
        {
          "name": "Vivid Yellow",
          "mosaicLabel": "Yellow",
          "hex": "#FFE600",
          "foreground": "dark",
          "proportion": 2,
          "mosaic": {
            "columnStart": 4,
            "columnSpan": 1,
            "rowStart": 3,
            "rowSpan": 1
          }
        },
        {
          "name": "Lavender Indigo",
          "mosaicLabel": "Purple",
          "hex": "#A44AFE",
          "foreground": "dark",
          "proportion": 2,
          "mosaic": {
            "columnStart": 5,
            "columnSpan": 1,
            "rowStart": 3,
            "rowSpan": 1
          }
        },
        {
          "name": "Vivid Red",
          "mosaicLabel": "Red",
          "hex": "#FE3649",
          "foreground": "dark",
          "proportion": 1,
          "mosaic": {
            "columnStart": 6,
            "columnSpan": 1,
            "rowStart": 3,
            "rowSpan": 1
          }
        }
      ]
    },
    "typography": {
      "heading": "Typography",
      "description": "Sora carries the Latin system with geometric confidence. Tajawal gives Arabic the same friendly clarity and range.",
      "defaultSystemId": "latin",
      "typefaces": [
        {
          "id": "sora",
          "displayName": "Sora",
          "cssFamily": "\"Sora\", sans-serif",
          "source": "Google Fonts",
          "styleCount": "Variable 100–800",
          "weights": [
            {
              "name": "Thin",
              "value": 100
            },
            {
              "name": "Light",
              "value": 300
            },
            {
              "name": "Regular",
              "value": 400
            },
            {
              "name": "Medium",
              "value": 500
            },
            {
              "name": "Semibold",
              "value": 600
            },
            {
              "name": "Bold",
              "value": 700
            },
            {
              "name": "ExtraBold",
              "value": 800
            }
          ]
        },
        {
          "id": "tajawal",
          "displayName": "Tajawal",
          "nativeName": "تجول",
          "cssFamily": "\"Tajawal\", sans-serif",
          "source": "Google Fonts",
          "styleCount": "4 styles",
          "weights": [
            {
              "name": "Regular",
              "value": 400
            },
            {
              "name": "Medium",
              "value": 500
            },
            {
              "name": "Bold",
              "value": 700
            },
            {
              "name": "ExtraBold",
              "value": 800
            }
          ]
        }
      ],
      "systems": [
        {
          "id": "latin",
          "label": "Latin",
          "lang": "en",
          "direction": "ltr",
          "heading": {
            "typefaceId": "sora",
            "role": "Latin typeface",
            "description": "Open forms keep Latin display and text technical, never cold.",
            "charset": "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 &?!@#%",
            "specimenGlyph": "a",
            "specimenWeightValues": [
              500,
              600,
              700
            ]
          },
          "body": {
            "mode": "shared"
          },
          "scale": [
            {
              "role": "Display",
              "usage": "heading",
              "sizePx": 48,
              "lineHeightPx": 48,
              "letterSpacing": "-0.04em",
              "weight": 700,
              "sample": "Future in every idea."
            },
            {
              "role": "Heading 1",
              "usage": "heading",
              "sizePx": 30,
              "lineHeightPx": 36,
              "letterSpacing": "-0.04em",
              "weight": 700,
              "sample": "Little minds, big bots."
            },
            {
              "role": "Heading 2",
              "usage": "heading",
              "sizePx": 24,
              "lineHeightPx": 32,
              "letterSpacing": "-0.04em",
              "weight": 700,
              "sample": "Create something real."
            },
            {
              "role": "Heading 3",
              "usage": "heading",
              "sizePx": 20,
              "lineHeightPx": 28,
              "letterSpacing": "-0.04em",
              "weight": 600,
              "sample": "Start with curiosity."
            },
            {
              "role": "Lead",
              "usage": "body",
              "sizePx": 18,
              "lineHeightPx": 28,
              "weight": 400,
              "sample": "Live learning with real instructors."
            },
            {
              "role": "Body large",
              "usage": "body",
              "sizePx": 16,
              "lineHeightPx": 28,
              "weight": 400,
              "sample": "Plan, create, check, and explain."
            },
            {
              "role": "Body",
              "usage": "body",
              "sizePx": 16,
              "lineHeightPx": 24,
              "weight": 400,
              "sample": "Every class leads to a project."
            },
            {
              "role": "UI",
              "usage": "body",
              "sizePx": 14,
              "lineHeightPx": 24,
              "weight": 500,
              "sample": "Start the journey"
            },
            {
              "role": "Detail",
              "usage": "body",
              "sizePx": 12,
              "lineHeightPx": 20,
              "weight": 500,
              "sample": "LIVE INTERACTIVE CLASS"
            }
          ]
        },
        {
          "id": "arabic",
          "label": "Arabic",
          "lang": "ar",
          "direction": "rtl",
          "heading": {
            "typefaceId": "tajawal",
            "role": "Arabic typeface",
            "description": "Tajawal supports confident Arabic headlines and clear, readable learning content.",
            "charset": "ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي\n٠ ١ ٢ ٣ ٤ ٥ ٦ ٧ ٨ ٩",
            "specimenGlyph": "ع",
            "specimenWeightValues": [
              400,
              500,
              700
            ]
          },
          "body": {
            "mode": "shared"
          },
          "scale": [
            {
              "role": "Display",
              "usage": "heading",
              "sizePx": 48,
              "lineHeightPx": 48,
              "weight": 700,
              "sample": "المستقبل في كل فكرة."
            },
            {
              "role": "Heading 1",
              "usage": "heading",
              "sizePx": 30,
              "lineHeightPx": 36,
              "weight": 700,
              "sample": "عقول صغيرة، أفكار كبيرة."
            },
            {
              "role": "Heading 2",
              "usage": "heading",
              "sizePx": 24,
              "lineHeightPx": 32,
              "weight": 700,
              "sample": "اصنع شيئًا حقيقيًا."
            },
            {
              "role": "Heading 3",
              "usage": "heading",
              "sizePx": 20,
              "lineHeightPx": 28,
              "weight": 500,
              "sample": "ابدأ بالفضول."
            },
            {
              "role": "Lead",
              "usage": "body",
              "sizePx": 18,
              "lineHeightPx": 28,
              "weight": 400,
              "sample": "تعلّم مباشر مع مدربين حقيقيين."
            },
            {
              "role": "Body large",
              "usage": "body",
              "sizePx": 16,
              "lineHeightPx": 28,
              "weight": 400,
              "sample": "خطّط، اصنع، راجع، واشرح."
            },
            {
              "role": "Body",
              "usage": "body",
              "sizePx": 16,
              "lineHeightPx": 24,
              "weight": 400,
              "sample": "كل حصة تنتهي بمشروع."
            },
            {
              "role": "UI",
              "usage": "body",
              "sizePx": 14,
              "lineHeightPx": 24,
              "weight": 500,
              "sample": "ابدأ الرحلة"
            },
            {
              "role": "Detail",
              "usage": "body",
              "sizePx": 12,
              "lineHeightPx": 20,
              "weight": 500,
              "sample": "حصة تفاعلية مباشرة"
            }
          ]
        }
      ]
    },
    "motion": {
      "heading": "Motion",
      "description": "Motion should feel quick, playful, and purposeful. Eases keep every arrival and transition recognizably Brainbots.",
      "labels": {
        "demonstrations": "In motion",
        "examples": "In real use",
        "curves": "The curve"
      },
      "eases": [
        {
          "id": "enter",
          "name": "Enter",
          "description": "Scaling in, opening. Content arriving into view.",
          "bezier": [
            0.16,
            1,
            0.3,
            1
          ],
          "durationMs": 720,
          "staggerMs": 80
        },
        {
          "id": "move",
          "name": "Move",
          "description": "Reordering, shuffling. The system responding to a gesture.",
          "bezier": [
            0.7,
            0,
            0.16,
            1
          ],
          "durationMs": 840,
          "staggerMs": 25
        }
      ],
      "examples": [
        {
          "id": "exchange",
          "kind": "exchange",
          "label": "Exchange",
          "easeId": "move",
          "images": [
            {
              "src": "https://pyxis.design/brand/brainbots/motion/exchange-1.png",
              "alt": "Brainbots student portrait"
            },
            {
              "src": "https://pyxis.design/brand/brainbots/motion/exchange-2.png",
              "alt": "Brainbots student portrait"
            }
          ]
        },
        {
          "id": "carousel",
          "kind": "carousel",
          "label": "Carousel",
          "easeId": "move",
          "images": [
            {
              "src": "https://pyxis.design/brand/brainbots/motion/carousel-1.png",
              "alt": "Brainbots website creation artwork"
            },
            {
              "src": "https://pyxis.design/brand/brainbots/motion/carousel-2.png",
              "alt": "Brainbots image creation artwork"
            },
            {
              "src": "https://pyxis.design/brand/brainbots/motion/carousel-3.png",
              "alt": "Brainbots planning artwork"
            }
          ]
        },
        {
          "id": "toggle",
          "kind": "toggle",
          "label": "Toggle",
          "easeId": "enter"
        },
        {
          "id": "reveal",
          "kind": "reveal",
          "label": "Reveal",
          "easeId": "enter"
        }
      ],
      "curveNarrative": [
        "Brainbots motion is quick enough to feel responsive and soft enough to stay welcoming. Enter handles arrival; Move handles change.",
        "Use these curves consistently across components. Adjust duration and stagger before introducing another ease."
      ]
    },
    "voiceAndTone": {
      "heading": "Voice and tone",
      "description": "Speak clearly to parents . Celebrate possibility and show real experience and outcomes.",
      "principles": [
        {
          "example": "AI creation you can show.",
          "label": "Make outcomes visible",
          "explanation": "Name the websites, designs, apps, plans, and dashboards learners create."
        },
        {
          "example": "Live instructors. Real feedback.",
          "label": "Be clear and trustworthy",
          "explanation": "Use concrete proof and plain language instead of broad claims."
        },
        {
          "example": "Curiosity turns into something real.",
          "label": "Playful, not childish",
          "explanation": "Keep the energy bright and imaginative without talking down to young learners."
        },
        {
          "example": "Your child plans, creates, checks, and explains.",
          "label": "Reassure with specifics",
          "explanation": "Help parents understand the learning process and the confidence it builds."
        }
      ],
      "usageExamples": [
        {
          "context": "Campaign line",
          "do": "Where Curiosity Meets Technology.",
          "dont": "Unleash limitless innovation today!"
        },
        {
          "context": "Product specification",
          "do": "Live interactive classes, not pre-recorded.",
          "dont": "The world’s most revolutionary classes!"
        },
        {
          "context": "Error message",
          "do": "Something went wrong. Please try again.",
          "dont": "Oopsie! The bot broke."
        },
        {
          "context": "Call to action",
          "do": "Start the journey.",
          "dont": "Click here now!!!"
        }
      ]
    },
    "moodboard": {
      "heading": "Moodboard",
      "description": "Warm, candid learning moments alongside bold product imagery and graphic expressions.",
      "images": [
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/1.png",
          "alt": "Brainbots student portrait",
          "width": 8333,
          "height": 3635
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/2.png",
          "alt": "A Brainbots learner seated in a workshop",
          "width": 1860,
          "height": 1047
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/3.png",
          "alt": "Student participating in a Brainbots session",
          "width": 2048,
          "height": 1152
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/4.png",
          "alt": "Website creation learning category",
          "width": 1920,
          "height": 1080
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/5.png",
          "alt": "Image creation learning category",
          "width": 1328,
          "height": 1870
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/6.png",
          "alt": "Plan creation learning category",
          "width": 2048,
          "height": 1153
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/7.png",
          "alt": "Dashboard creation learning category",
          "width": 2000,
          "height": 1125
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/8.png",
          "alt": "Websites and web apps graphic",
          "width": 2048,
          "height": 1152
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/9.png",
          "alt": "Images and graphic designs graphic",
          "width": 2048,
          "height": 1366
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/10.png",
          "alt": "Dashboards and AI helpers graphic",
          "width": 2048,
          "height": 1366
        },
        {
          "src": "https://pyxis.design/brand/brainbots/moodboard/11.png",
          "alt": "Brainbots moodboard image 11",
          "width": 2048,
          "height": 1267
        }
      ]
    },
    "applications": {
      "heading": "Applications",
      "description": "The Brainbots identity supports public discovery, focused learning, and clear operational tools across every role.",
      "items": [
        {
          "title": "Track catalog",
          "src": "https://pyxis.design/brand/brainbots/applications/1.png"
        },
        {
          "title": "Student dashboard",
          "src": "https://pyxis.design/brand/brainbots/applications/2.png"
        },
        {
          "title": "Parent dashboard",
          "src": "https://pyxis.design/brand/brainbots/applications/3.png"
        },
        {
          "title": "Instructor dashboard",
          "src": "https://pyxis.design/brand/brainbots/applications/4.png"
        },
        {
          "title": "Admin classes",
          "src": "https://pyxis.design/brand/brainbots/applications/5.png"
        },
        {
          "title": "Application 6",
          "src": "https://pyxis.design/brand/brainbots/applications/6.png"
        },
        {
          "title": "Application 7",
          "src": "https://pyxis.design/brand/brainbots/applications/7.png"
        },
        {
          "title": "Application 8",
          "src": "https://pyxis.design/brand/brainbots/applications/8.png"
        },
        {
          "title": "Application 9",
          "src": "https://pyxis.design/brand/brainbots/applications/9.png"
        }
      ]
    },
    "assets": {
      "heading": "Assets",
      "description": "Download the local typefaces, implementation-ready color files, and approved imagery used in this guide.",
      "fontStylesheetSrc": "https://pyxis.design/brand/brainbots/fonts.css",
      "motionStylesheetSrc": "https://pyxis.design/brand/brainbots/motion.css",
      "completePackSrc": "https://pyxis.design/brand/brainbots/brainbots-brand-assets.zip",
      "logoFiles": [
        {
          "name": "Primary logo",
          "src": "https://pyxis.design/brand/brainbots/logos/primary-logo.svg"
        },
        {
          "name": "Primary logo — dark",
          "src": "https://pyxis.design/brand/brainbots/logos/primary-logo-dark.svg"
        },
        {
          "name": "Logomark",
          "src": "https://pyxis.design/brand/brainbots/logos/logomark.svg"
        },
        {
          "name": "Logomark — dark",
          "src": "https://pyxis.design/brand/brainbots/logos/logomark-dark.svg"
        }
      ],
      "typefaces": [
        {
          "label": "Sora variable",
          "src": "https://pyxis.design/brand/brainbots/fonts/Sora-Variable.ttf"
        },
        {
          "label": "Tajawal Regular",
          "src": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Regular.ttf"
        },
        {
          "label": "Tajawal Medium",
          "src": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Medium.ttf"
        },
        {
          "label": "Tajawal Bold",
          "src": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Bold.ttf"
        },
        {
          "label": "Tajawal ExtraBold",
          "src": "https://pyxis.design/brand/brainbots/fonts/Tajawal-ExtraBold.ttf"
        }
      ],
      "colorFiles": [
        {
          "label": "CSS color variables",
          "src": "https://pyxis.design/brand/brainbots/colors.css"
        },
        {
          "label": "Design tokens",
          "src": "https://pyxis.design/brand/brainbots/tokens.json"
        }
      ],
      "imagery": [
        {
          "label": "Moodboard image 1",
          "src": "https://pyxis.design/brand/brainbots/moodboard/1.png"
        },
        {
          "label": "Moodboard image 2",
          "src": "https://pyxis.design/brand/brainbots/moodboard/2.png"
        },
        {
          "label": "Moodboard image 3",
          "src": "https://pyxis.design/brand/brainbots/moodboard/3.png"
        },
        {
          "label": "Moodboard image 4",
          "src": "https://pyxis.design/brand/brainbots/moodboard/4.png"
        },
        {
          "label": "Moodboard image 5",
          "src": "https://pyxis.design/brand/brainbots/moodboard/5.png"
        },
        {
          "label": "Moodboard image 6",
          "src": "https://pyxis.design/brand/brainbots/moodboard/6.png"
        },
        {
          "label": "Moodboard image 7",
          "src": "https://pyxis.design/brand/brainbots/moodboard/7.png"
        },
        {
          "label": "Moodboard image 8",
          "src": "https://pyxis.design/brand/brainbots/moodboard/8.png"
        },
        {
          "label": "Moodboard image 9",
          "src": "https://pyxis.design/brand/brainbots/moodboard/9.png"
        },
        {
          "label": "Moodboard image 10",
          "src": "https://pyxis.design/brand/brainbots/moodboard/10.png"
        },
        {
          "label": "Moodboard image 11",
          "src": "https://pyxis.design/brand/brainbots/moodboard/11.png"
        }
      ]
    },
    "assetsBaseUrl": "https://pyxis.design/brand/brainbots"
  },
  "implementation": {
    "colors": [
      {
        "name": "White",
        "formats": {
          "hex": "#FFFFFF",
          "rgb": "rgb(255, 255, 255)",
          "hsl": "hsl(0, 0%, 100%)",
          "cmyk": "cmyk(0%, 0%, 0%, 0%)"
        },
        "foreground": "dark",
        "proportion": 46
      },
      {
        "name": "Vampire Black",
        "formats": {
          "hex": "#0A0A0A",
          "rgb": "rgb(10, 10, 10)",
          "hsl": "hsl(0, 0%, 4%)",
          "cmyk": "cmyk(0%, 0%, 0%, 96%)"
        },
        "foreground": "light",
        "proportion": 34
      },
      {
        "name": "Electric Ultramarine",
        "formats": {
          "hex": "#2201FF",
          "rgb": "rgb(34, 1, 255)",
          "hsl": "hsl(248, 100%, 50%)",
          "cmyk": "cmyk(87%, 100%, 0%, 0%)"
        },
        "foreground": "light",
        "proportion": 8
      },
      {
        "name": "Spring Bud",
        "formats": {
          "hex": "#AEFF02",
          "rgb": "rgb(174, 255, 2)",
          "hsl": "hsl(79, 100%, 50%)",
          "cmyk": "cmyk(32%, 0%, 99%, 0%)"
        },
        "foreground": "dark",
        "proportion": 4
      },
      {
        "name": "Shocking Pink",
        "formats": {
          "hex": "#FE06BE",
          "rgb": "rgb(254, 6, 190)",
          "hsl": "hsl(315, 99%, 51%)",
          "cmyk": "cmyk(0%, 98%, 25%, 0%)"
        },
        "foreground": "dark",
        "proportion": 3
      },
      {
        "name": "Vivid Yellow",
        "formats": {
          "hex": "#FFE600",
          "rgb": "rgb(255, 230, 0)",
          "hsl": "hsl(54, 100%, 50%)",
          "cmyk": "cmyk(0%, 10%, 100%, 0%)"
        },
        "foreground": "dark",
        "proportion": 2
      },
      {
        "name": "Lavender Indigo",
        "formats": {
          "hex": "#A44AFE",
          "rgb": "rgb(164, 74, 254)",
          "hsl": "hsl(270, 99%, 64%)",
          "cmyk": "cmyk(35%, 71%, 0%, 0%)"
        },
        "foreground": "dark",
        "proportion": 2
      },
      {
        "name": "Vivid Red",
        "formats": {
          "hex": "#FE3649",
          "rgb": "rgb(254, 54, 73)",
          "hsl": "hsl(354, 99%, 60%)",
          "cmyk": "cmyk(0%, 79%, 71%, 0%)"
        },
        "foreground": "dark",
        "proportion": 1
      }
    ],
    "motion": [
      {
        "id": "enter",
        "name": "Enter",
        "description": "Scaling in, opening. Content arriving into view.",
        "bezier": [
          0.16,
          1,
          0.3,
          1
        ],
        "cssTimingFunction": "cubic-bezier(0.16, 1, 0.3, 1)",
        "durationMs": 720,
        "staggerMs": 80,
        "snippets": {
          "css": "transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1);",
          "gsap": "CustomEase.create(\"brainbots-enter\", \"M0,0 C0.16,1 0.3,1 1,1\");\ngsap.to(target, { duration: 0.72, ease: \"brainbots-enter\" });",
          "react": "{ transition: { duration: 0.72, ease: [0.16, 1, 0.3, 1] } }"
        }
      },
      {
        "id": "move",
        "name": "Move",
        "description": "Reordering, shuffling. The system responding to a gesture.",
        "bezier": [
          0.7,
          0,
          0.16,
          1
        ],
        "cssTimingFunction": "cubic-bezier(0.7, 0, 0.16, 1)",
        "durationMs": 840,
        "staggerMs": 25,
        "snippets": {
          "css": "transition: transform 840ms cubic-bezier(0.7, 0, 0.16, 1);",
          "gsap": "CustomEase.create(\"brainbots-move\", \"M0,0 C0.7,0 0.16,1 1,1\");\ngsap.to(target, { duration: 0.84, ease: \"brainbots-move\" });",
          "react": "{ transition: { duration: 0.84, ease: [0.7, 0, 0.16, 1] } }"
        }
      }
    ],
    "stylesheets": [
      "https://pyxis.design/brand/brainbots/fonts.css",
      "https://pyxis.design/brand/brainbots/motion.css",
      "https://pyxis.design/brand/brainbots/colors.css"
    ],
    "downloads": [
      {
        "category": "complete-pack",
        "label": "Complete brand pack",
        "url": "https://pyxis.design/brand/brainbots/brainbots-brand-assets.zip"
      },
      {
        "category": "logo",
        "label": "Primary logo",
        "url": "https://pyxis.design/brand/brainbots/logos/primary-logo.svg"
      },
      {
        "category": "logo",
        "label": "Primary logo — dark",
        "url": "https://pyxis.design/brand/brainbots/logos/primary-logo-dark.svg"
      },
      {
        "category": "logo",
        "label": "Logomark",
        "url": "https://pyxis.design/brand/brainbots/logos/logomark.svg"
      },
      {
        "category": "logo",
        "label": "Logomark — dark",
        "url": "https://pyxis.design/brand/brainbots/logos/logomark-dark.svg"
      },
      {
        "category": "typeface",
        "label": "Sora variable",
        "url": "https://pyxis.design/brand/brainbots/fonts/Sora-Variable.ttf"
      },
      {
        "category": "typeface",
        "label": "Tajawal Regular",
        "url": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Regular.ttf"
      },
      {
        "category": "typeface",
        "label": "Tajawal Medium",
        "url": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Medium.ttf"
      },
      {
        "category": "typeface",
        "label": "Tajawal Bold",
        "url": "https://pyxis.design/brand/brainbots/fonts/Tajawal-Bold.ttf"
      },
      {
        "category": "typeface",
        "label": "Tajawal ExtraBold",
        "url": "https://pyxis.design/brand/brainbots/fonts/Tajawal-ExtraBold.ttf"
      },
      {
        "category": "color",
        "label": "CSS color variables",
        "url": "https://pyxis.design/brand/brainbots/colors.css"
      },
      {
        "category": "color",
        "label": "Design tokens",
        "url": "https://pyxis.design/brand/brainbots/tokens.json"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 1",
        "url": "https://pyxis.design/brand/brainbots/moodboard/1.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 2",
        "url": "https://pyxis.design/brand/brainbots/moodboard/2.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 3",
        "url": "https://pyxis.design/brand/brainbots/moodboard/3.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 4",
        "url": "https://pyxis.design/brand/brainbots/moodboard/4.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 5",
        "url": "https://pyxis.design/brand/brainbots/moodboard/5.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 6",
        "url": "https://pyxis.design/brand/brainbots/moodboard/6.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 7",
        "url": "https://pyxis.design/brand/brainbots/moodboard/7.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 8",
        "url": "https://pyxis.design/brand/brainbots/moodboard/8.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 9",
        "url": "https://pyxis.design/brand/brainbots/moodboard/9.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 10",
        "url": "https://pyxis.design/brand/brainbots/moodboard/10.png"
      },
      {
        "category": "imagery",
        "label": "Moodboard image 11",
        "url": "https://pyxis.design/brand/brainbots/moodboard/11.png"
      }
    ]
  }
}