Home | Van Moer Logistics
vanmoer.com“Van Moer Logistics projects a professional, reliable, and grounded corporate identity that balances technical precision with approachable service. The design aesthetic is clean and modern, utilizing a restrained color palette and structured typography to convey trust and efficiency in global logistics.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Inter
system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
Inter
system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
sans-serif
The quick brown fox
16pxThe quick brown fox
64pxThe quick brown fox
48pxThe quick brown fox
56pxThe quick brown fox
18pxComponents
Design System
rgba(0, 0, 0, 0.176) 0px 16px 48px 0px
rgba(0, 0, 0, 0.3) 0px 32px 68px 0px
linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255) 40%, rgba(255, 255,...
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
trustworthy-efficient
Target Audience
B2B logistics partners and enterprise clients seeking reliable, transparent, and professional supply chain solutions.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Inter font family for all text; apply weight 700 or 600 for headings and 300 or 400 for body text.
- Format all headings in sentence-case (e.g., 'Creating value through partnership') and maintain body line-height at 24px.
- Use primary accent color #007aff for interactive elements and key highlights against a #ffffff background.
- Style primary action buttons as outlines with #0097da text, 15px padding, and 0px border-radius (sharp corners).
- Style secondary buttons with #ffffff background, #192857 text, #192857 border, 3.75px border-radius, and 15px padding.
- Apply subtle depth using layered shadows: rgba(0, 0, 0, 0.176) 0px 16px 48px 0px for dropdowns and rgba(0, 0, 0, 0.3) 0px 32px 68px 0px for modals.
- Maintain a clean, flat design base with minimal gradients (only subtle white-to-white fades if used for texture).
- Use a strict 2px base spacing unit for consistent layout rhythm and alignment.
Don't
- Do not use emoji in any marketing copy or UI elements; the brand is strictly text-based.
- Do not use title case for headings; always use sentence-case to maintain a professional, understated tone.
- Do not use exclamations in copy; keep the voice matter-of-fact and serious (Playful/Serious score 4/10).
- Do not use serif fonts; the brand relies exclusively on Inter and system sans-serif fonts.
- Do not use pill-shaped buttons (large border-radius); primary buttons must have 0px radius, secondary only 3.75px.
- Do not use vibrant or saturated background colors; stick to #ffffff background with #212529 text.
- Do not use heavy or noisy shadows; keep shadows subtle and directional to maintain a clean aesthetic.
- Do not use mixed casing or inconsistent font weights; adhere strictly to Inter 300/400/600/700 hierarchy.
Design Assets
Visual Elements
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/vanmoer.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.