Brand

Official Malaysian AI logos, colours, and type — download the right format so partners, press, and builders use the brand accurately.

Logos

Masters come from the official Sept 2026 lockups. Download SVG wrappers or PNG at the size you need. Transparent files keep the logo alone; “+ bg” and sized PNGs include the recommended dark or light field.

Colours

Match the site themes. Prefer named CSS variables when you are working in this codebase.

Dark theme

  • Night sky

    #06090F · --page-background

    Primary dark page background and lockup backdrop.

  • Deep navy

    #07101A · --site-background

    Site chrome and footer on dark theme.

  • Cloud text

    #E0E8F4 · --page-text

    Body copy on dark surfaces.

  • Bright heading

    #F4F7FC · --text-heading

    Headings and high-emphasis text in dark theme.

  • Wordmark cream

    #FCFBF4

    Optional soft wordmark fill on dark fields; default lockups use pure white.

  • Accent line

    #315D9F · --accent-line

    Subtle accent and border emphasis.

  • Ink

    #000000

    Official mark and lockup fill on light backgrounds.

  • White

    #FFFFFF · --color-white

    Official mark and lockup fill on dark backgrounds; buttons in dark theme.

Light theme

  • Sand page

    #F4EFE6 · --page-background

    Primary light page background and lockup backdrop.

  • Warm site

    #EFE8D8 · --site-background

    Site chrome and footer on light theme.

  • Teal ink

    #102B2A · --page-text

    Body copy and button fill on light surfaces.

  • Deep heading

    #0C2221 · --text-heading

    Headings on light surfaces.

Typography

Three families carry the voice: a literary display, an accessible body sans, and a rare pixel accent.

  • Display--font-display400

    malaysian.ai

    Newsreader

    Serif display for page titles, section headings, and the malaysian.ai wordmark.

  • Body--font-body400, 700

    Learn, build and experience Malaysian AI.

    Atkinson

    Accessible sans for UI, body copy, and navigation.

  • Accent--font-pixel400

    Show & Tell

    Mondwest

    Pixel accent for occasional editorial moments. Use sparingly.

Usage

  • Keep clear space around the lockup roughly the height of the mark.
  • Do not stretch, recolour, outline, or add drop shadows to the logo.
  • Use white marks and lockups on dark fields; use black marks and lockups on light fields.
  • Prefer the horizontal lockup; use the square mark alone only when the wordmark will not fit.
  • When writing about the brand in prose, “Malaysian AI” is fine; the product domain reads as malaysian.ai.

This website is open source. Suggest brand improvements or ship a fix on GitHub.