# DimOrder Brand Identity

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

## Quick Facts

| Field      | Value     |
|------------|-----------|
| Primary    | #1A202C   |
| Accent     | #00D1CB   |
| Body Font  | Noto Sans TC |
| Heading Font| GmarketSansTTFMedium |

## 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

```json
{
 "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
 }
}
```