W

Brand Guidelines

Logo, colors, typography, and visual identity

← Back to Dashboard

Color Palette

#13123D
Dark Blue
Primary Color 1
Trust, reliability, stability
#EF4937
Vibrant Red
Primary Color 2
Boldness, energy, action
#FFFFFF
White
Secondary Color
Backgrounds, text on dark
Gradient
Brand Gradient
Secondary Color
Hero sections, special elements

Typography

Neulis Alt
Headings (H1, H2, H3, H4)
Bold Main headings, hero text
Medium Secondary headings
Modern, innovative, forward-thinking
Gilroy
Sub-headings & Body text
Bold Sub-headings, emphasis
Medium Body text, paragraphs
Clean, legible, professional

Logo Concept

WL
W + L Initials Interlinked

The logo merges W and L initials to create an interlinked road shape, representing the core service of truck dispatching and logistics.

Design Elements

  • ✓ Interlinked Road: Journey from start to end
  • ✓ Smooth Lines: Efficient, easy service
  • ✓ No Harsh Angles: Friendly, approachable
  • ✓ Solid Form: Reliable, trustworthy
  • ✓ Circles & Curves: Visual building blocks for icons

Brand Values

⚡
Efficient
✓
Reliable
💡
Innovative
🤝
Collaborative
💪
Trustworthy
📈
Data-Driven

Development Reference

CSS Variables

:root {
--color-primary-blue: #13123D;
--color-primary-red: #EF4937;
--color-white: #FFFFFF;
--font-heading: 'Neulis Alt';
--font-body: 'Gilroy';
}

Tailwind Config

colors: {
'welink-blue': '#13123D',
'welink-red': '#EF4937',
},
fontFamily: {
'heading': ['Neulis Alt'],
'body': ['Gilroy'],
}

Do

  • ✓ Use dark blue as dominant color
  • ✓ Use red for accents and CTAs
  • ✓ Maintain smooth, rounded visual elements
  • ✓ Keep typography clean and legible
  • ✓ Use gradient for hero/special sections

Don't

  • ✗ Use harsh angles (contradicts logo)
  • ✗ Overuse red (it's an accent)
  • ✗ Mix with conflicting fonts
  • ✗ Alter logo proportions or colors
  • ✗ Use low contrast text