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
- Primary: #1A202C
- Accent: #00D1CB
Typography
- Body Font: Noto Sans TC
- Heading: GmarketSansTTFMedium
Color Palette
Brand palette extracted from https://dimorder.com.
- Primary: #1A202C (rgb(26, 32, 44))
- Secondary: #00D1CB (rgb(0, 209, 203))
- Accent: #00D1CB (rgb(0, 209, 203))
- Background: #FFFFFF (rgb(255, 255, 255))
- Text Primary: #2D3748 (rgb(45, 55, 72))
- Link: #2D3748 (rgb(45, 55, 72))
Typography
Each font links to its Google Fonts page where available.
- Primary: Noto Sans TC Google Fonts →
- Heading: GmarketSansTTFMedium Google Fonts →
Visual Assets
UI Components
Live previews rendered using DimOrder's actual button styles.
Button Primary:
- Background: #00D1CB
- Text Color: #FFFFFF
- Border Radius: 3px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px -7px
Button Secondary:
- Background: transparent
- Text Color: #FFFFFF
- Border Color: #FFFFFF
- Border Radius: 39px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: restaurant owners and managers
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"
}
}