DimOrder Brand Identity

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

Quick Facts

Color Palette

• primary: #1A202C
• secondary: #00D1CB
• accent: #00D1CB
• background: #FFFFFF
• textPrimary: #2D3748
• link: #2D3748

Typography

• primary: Noto Sans TC — https://fonts.google.com/specimen/Noto+Sans+TC
• heading: GmarketSansTTFMedium — https://fonts.google.com/specimen/GmarketSansTTFMedium

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#00D1CB, textColor=#FFFFFF, borderRadius=3px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px -7px
• buttonSecondary: background=transparent, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=39px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: restaurant owners and managers

DimOrder Brand in the Wild

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

• landing-page_e5b7a5e4bd9ce58d80e59f9f-1.png
  • Image:
  • Source: https://promo.dimorder.com/
• Dim Blog - DimPOS - 全港一站式餐廳POS系統
  • Image:
  • Source: https://www.dimorder.com/blog-2/
• DimOrder點單APP - 點單DimPOS - 全港一站式餐飲POS系統
  • Image:
  • Source: https://www.dimorder.com/app/

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"
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "restaurant owners and managers"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}