Our Assets Library
TnD All Logo typesAll Color Codes
All Logo TypesAll Color Codes
🎯 TND Canada – Scientific Brand Color & Design System
Built on Neuroscience, Visual Psychology, and Behavioral Design principles – optimizing for maximum **trust + action** response.
🧠 Scientific Insight
Blue triggers trust, reliability, and calm cognition (prefrontal cortex activity). Warm accents like amber and orange activate the reward system (ventral striatum), increasing the likelihood of **CTA engagement by 30–40%**.
This asymmetric dual-hue design uses Blue for logical perception and Amber for emotional action — creating balance between confidence and urgency.
🔵 Core Brand Base – Trust & Tech Stability (≈60%)
The Royal‑Blue monochromatic range maintains technological stability and brand intelligence. Use deep tones for headers, and mid‑tones for section backgrounds or cards.
#103F91
Primary Brand Blue
#1E56B3
Header / Gradient Base
#427BDB
Cards & Background Blocks
#EAF1FD
Light BG / Neutral Zones
🟠 Action & CTA Family – Emotional Activation (≈25%)
Amber and orange hues create contrast attention spikes in the brain’s limbic system. Use for buttons, key call‑outs, icons, and price or contact areas to increase conversions.
#FFA033
CTA / Buttons
#FFB84D
Hover or Accent Highlights
#FFF3E6
CTA Background / Light Tint
✍️ Typography & Readability (≈10%)
Maintain high contrast with modern geometric fonts. Use deep gray or royal‑blue text for clarity. White text should appear only over dark blue or orange backgrounds.
#1E293B
Main Body Text
#103F91
Headers / Titles
#FFFFFF
Text on Dark Sections
⚡ CTA Design System – Behavioral Focus
Behavioral studies show orange‑blue contrast maximizes click‑intent by activating both logical and emotional channels. Buttons must be round‑edged, medium‑sized, and positioned on the lower‑right of each service card (eye‑tracking bias).
📊 Visual Ratio Table – NeuroDesign Alignment
These proportions follow advanced neuromarketing guidelines balancing logical stability (blue) and action response (amber).
| Section | Color Codes | Use Case | Weight |
|---|---|---|---|
| Core Brand | #103F91, #1E56B3, #427BDB | Headers, Footers, Main BGs | ≈60% |
| Action / CTA | #FFA033, #FFB84D, #FFF3E6 | Buttons, Icons, Key Triggers | ≈25% |
| Typography | #1E293B, #103F91, #FFFFFF | Text & Headings | ≈10% |
| Neutral Base | #EAF1FD, #F8FAFC | Background, Padding Areas | ≈5% |
TND 2024 Color Palette
TND 2024 Complementary color palette
TND 2023 Color Palette
Dark Blue
Navy Blue
Blue
Baby Blue
