DimOrder Brand: Colors, Fonts, Logo & Visual Identity

DimOrder Brand Identity

A complete profile of DimOrder's visual system — colors, typography, components, and personality — extracted from https://dimorder.com. Built for designers, agents, and AI tools.

Primary Colors

Typography

Color Palette

Brand palette extracted from https://dimorder.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

UI Components

Live previews rendered using DimOrder's actual button styles.

Brand Personality

Frequently Asked Questions

What is DimOrder's primary brand color? DimOrder's primary brand color is #1A202C.

What accent color does DimOrder use? DimOrder uses #00D1CB as an accent color.

What font does DimOrder use? DimOrder uses Noto Sans TC for body text and GmarketSansTTFMedium for headings.

Does DimOrder use a light or dark theme? DimOrder uses a light color scheme with a background of #FFFFFF.

Where can I find DimOrder's logo? DimOrder's logo is available on their site (DimOrder).

How was this brand profile generated? This profile was extracted from https://dimorder.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://dimorder.com on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Noto Sans TC",
      "role": "body"
    },
    {
      "family": "GmarketSansTTFMedium",
      "role": "heading"
    },
    {
      "family": "GmarketSansTTFBold",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#1A202C",
    "secondary": "#00D1CB",
    "accent": "#00D1CB",
    "background": "#FFFFFF",
    "textPrimary": "#2D3748",
    "link": "#2D3748"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Noto Sans TC",
      "heading": "GmarketSansTTFMedium"
    },
    "fontStacks": {
      "heading": [
        "Arial",
        "Helvetica",
        "sans-serif"
      ],
      "body": [
        "Noto Sans TC",
        "sans-serif"
      ],
      "paragraph": [
        "Noto Sans TC",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "57px",
      "h2": "32px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#00D1CB",
      "textColor": "#FFFFFF",
      "borderRadius": "3px",
      "borderRadiusCorners": {
        "topLeft": "3px",
        "topRight": "3px",
        "bottomRight": "3px",
        "bottomLeft": "3px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px -7px"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "39px",
      "borderRadiusCorners": {
        "topLeft": "39px",
        "topRight": "39px",
        "bottomRight": "39px",
        "bottomLeft": "39px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.dimorder.com/wp-content/uploads/2022/03/DimPOS-Logo-%E8%A4%87%E8%A3%BD-2.png",
    "favicon": "https://www.dimorder.com/wp-content/uploads/2021/09/cropped-Dimpos-CI-1-32x32.png",
    "ogImage": "https://www.dimorder.com/wp-content/uploads/2021/10/05__welcome_promotion.png",
    "logoHref": "https://www.dimorder.com/",
    "logoAlt": "DimPOS and DimOrder Logo"
  }
}