ZenMove
Brand Assets
Copy-ready logos, icons, and colours for partners and directories.
Quick Rules
- Wordmark stays charcoal (or white on dark backgrounds).
- Accent is blue only (buttons/links/highlights).
- Icon/Favicon is the Z circle (charcoal default; blue optional).
- Please don’t add shadows, outlines, or gradients to the logo.
Primary Pair
Charcoal
+ Blue Accent
:root{
--zm-charcoal: #111827;
--zm-charcoal-2: #1F2937;
--zm-blue: #2563EB;
--zm-blue-hover: #1D4ED8;
--zm-bg: #FFFFFF;
--zm-bg-soft: #F8FAFC;
--zm-border: #E5E7EB;
--zm-muted: #6B7280;
}
Logos
Use PNG for quick placement. Use SVG for best quality (print, scaling).
Square Images
Great for social sharing, directory listings, and thumbnails.
Brand Colours
Copy hex values instantly.
Charcoal (Primary)
--zm-charcoal
Wordmark, headings, primary text, default icon base
Charcoal (UI)
--zm-charcoal-2
Navbars, deep UI surfaces
Zen Blue (Accent)
--zm-blue
Links, buttons, highlights (accent only)
Zen Blue Hover
--zm-blue-hover
Hover states
Background
--zm-bg
Default background
Soft Background
--zm-bg-soft
Sections, soft cards
Border
--zm-border
Borders/dividers
Muted Text
--zm-muted
Secondary text
Icons
These folders contain multiple sizes (e.g. Icon-48.png) for favicons, PWA, and app tiles.
Charcoal Icons
35 files
Icon-16.png
Icon-20.png
Icon-24.png
Icon-27.png
Icon-29.png
Icon-32.png
Icon-36.png
Icon-40.png
Icon-44.png
Icon-48.png
Icon-50.png
Icon-57.png
Icon-58.png
Icon-60.png
Icon-64.png
Icon-72.png
Icon-76.png
Icon-80.png
Showing 18 of 35. Partners can use the folder URL to access all sizes.
Show full file list
16px
Icon-16.png
20px
Icon-20.png
24px
Icon-24.png
27px
Icon-27.png
29px
Icon-29.png
32px
Icon-32.png
36px
Icon-36.png
40px
Icon-40.png
44px
Icon-44.png
48px
Icon-48.png
50px
Icon-50.png
57px
Icon-57.png
58px
Icon-58.png
60px
Icon-60.png
64px
Icon-64.png
72px
Icon-72.png
76px
Icon-76.png
80px
Icon-80.png
86px
Icon-86.png
87px
Icon-87.png
96px
Icon-96.png
98px
Icon-98.png
100px
Icon-100.png
108px
Icon-108.png
114px
Icon-114.png
120px
Icon-120.png
128px
Icon-128.png
144px
Icon-144.png
152px
Icon-152.png
167px
Icon-167.png
180px
Icon-180.png
192px
Icon-192.png
256px
Icon-256.png
512px
Icon-512.png
1024px
Icon-1024.png
Blue Icons
35 files
Icon-16.png
Icon-20.png
Icon-24.png
Icon-27.png
Icon-29.png
Icon-32.png
Icon-36.png
Icon-40.png
Icon-44.png
Icon-48.png
Icon-50.png
Icon-57.png
Icon-58.png
Icon-60.png
Icon-64.png
Icon-72.png
Icon-76.png
Icon-80.png
Showing 18 of 35. Partners can use the folder URL to access all sizes.
Show full file list
16px
Icon-16.png
20px
Icon-20.png
24px
Icon-24.png
27px
Icon-27.png
29px
Icon-29.png
32px
Icon-32.png
36px
Icon-36.png
40px
Icon-40.png
44px
Icon-44.png
48px
Icon-48.png
50px
Icon-50.png
57px
Icon-57.png
58px
Icon-58.png
60px
Icon-60.png
64px
Icon-64.png
72px
Icon-72.png
76px
Icon-76.png
80px
Icon-80.png
86px
Icon-86.png
87px
Icon-87.png
96px
Icon-96.png
98px
Icon-98.png
100px
Icon-100.png
108px
Icon-108.png
114px
Icon-114.png
120px
Icon-120.png
128px
Icon-128.png
144px
Icon-144.png
152px
Icon-152.png
167px
Icon-167.png
180px
Icon-180.png
192px
Icon-192.png
256px
Icon-256.png
512px
Icon-512.png
1024px
Icon-1024.png
