---
title: DAT Load Board Clone Features
description: 
url: https://miracuves.com/dat-load-board-clone/features
date_modified: 2026-09-02
author: miracuves
language: en_US
---

.mcv-dtf{
    --crimson:#e8344f; --crimson-deep:#a70d2a; --crimson-hot:#d81b46; --crimson-light:#ff8090;
    --amber:#fbbf24; --black:#0a0a0a; --white:#ffffff; --paper:#faf8f8; --ink:#191419; --ink-dim:#6d666d;
    --line:rgba(11,11,16,0.1); --line-light:rgba(255,255,255,0.12);
    --card-bg:rgba(8,3,8,0.82);
    font-family:'Plus Jakarta Sans',Arial,sans-serif; color:var(--ink); background:var(--white); margin:0; padding:0;
  }
  .mcv-dtf *{ box-sizing:border-box; }
  .mcv-dtf h1,.mcv-dtf h2,.mcv-dtf h3{ font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:800; margin:0; letter-spacing:-0.02em; line-height:1.12; }
  .mcv-dtf p{ margin:0 0 14px; line-height:1.7; color:var(--ink); }
  .mcv-dtf a{ color:var(--crimson-deep); text-decoration:none; }
  .mcv-dtf .mono{ font-family:'JetBrains Mono',monospace; }
  .mcv-dtf-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; position:relative; z-index:2; }
  .mcv-dtf-bleed{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; }

  .mcv-seo-ref{ background:#FFF7E0; border:2px dashed #C79A00; padding:18px 22px; font-family:Arial,sans-serif; font-size:13px; color:#4A3B00; max-width:1180px; margin:18px auto; border-radius:8px; }

  .mcv-dtf-crumb{ display:flex; gap:8px; align-items:center; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:rgba(255,255,255,.62); margin-bottom:20px; }
  .mcv-dtf-crumb a{ color:rgba(255,255,255,.62); }
  .mcv-dtf-crumb a:hover{ color:var(--crimson-light); }
  .mcv-dtf-crumb span.sep{ opacity:.5; }
  .mcv-dtf-crumb span.cur{ color:rgba(255,255,255,.75); }

  .mcv-dtf-eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:100px; background:rgba(255,255,255,.06); border:1px solid var(--line-light); font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--crimson-light); margin-bottom:22px; }
  .mcv-dtf-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--crimson); }

  .mcv-dtf-hero{ background:radial-gradient(ellipse 900px 500px at 85% -10%, rgba(232,52,79,.16), transparent), #0a0a0a; color:#fff; padding:56px 0 150px; position:relative; overflow:hidden; }
  .mcv-dtf-hero .ring{ position:absolute; border:2px solid rgba(232,52,79,.18); border-radius:50%; pointer-events:none; }
  .mcv-dtf-hero .ring1{ width:560px; height:560px; top:-260px; right:-200px; }
  .mcv-dtf-hero .ring2{ width:340px; height:340px; bottom:-200px; right:120px; border-color:rgba(232,52,79,.1); }
  .mcv-dtf-herogrid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center; }
  .mcv-dtf-hero h1{ font-size:clamp(27px,3.9vw,44px); color:#fff; }
  .mcv-dtf-hero h1 em{ font-style:normal; color:#ff8090; }
  .mcv-dtf-hero p.sub{ font-size:16px; color:rgba(255,255,255,.68); max-width:600px; margin:20px 0 30px; }

  .mcv-dtf a.mcv-dtf-btn{ display:inline-flex; align-items:center; gap:8px; border-radius:12px; background:linear-gradient(160deg,#d81b46,#e8344f); color:#fff; font-weight:700; font-size:15px; padding:15px 28px; box-shadow:0 10px 30px rgba(232,52,79,.3); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s; }
  .mcv-dtf a.mcv-dtf-btn:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 14px 36px rgba(232,52,79,.42); text-decoration:none; }
  .mcv-dtf a.mcv-dtf-btn-outline{ display:inline-flex; align-items:center; border:2px solid rgba(255,255,255,.7); color:#fff; border-radius:12px; font-weight:700; font-size:15px; padding:13px 26px; margin-left:12px; transition:all .2s; }
  .mcv-dtf a.mcv-dtf-btn-outline:hover{ background:#fff; color:#191419; text-decoration:none; }

  .mcv-dtf-trust{ display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; padding-top:24px; border-top:1px solid var(--line-light); }
  .mcv-dtf-trust-item{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,.6); }
  .mcv-dtf-trust-item strong{ font-family:'JetBrains Mono',monospace; color:#fff; font-size:14px; }

  .mcv-dtf-cardstack{ position:relative; height:340px; }
  .mcv-dtf-fincard{ position:absolute; width:300px; height:180px; border-radius:18px; padding:22px; background:linear-gradient(150deg,#1c1418,#0d0709); border:1px solid var(--line-light); box-shadow:0 30px 70px rgba(0,0,0,.5); }
  .mcv-dtf-fincard.c1{ top:0; left:10px; z-index:1; opacity:.5; transform:rotate(-6deg) scale(.92); }
  .mcv-dtf-fincard.c2{ top:30px; left:40px; z-index:2; background:linear-gradient(150deg,#3a0a15,#160408 60%,#0a0a0a); border-color:rgba(232,52,79,.3); box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 60px -12px rgba(232,52,79,.35); }
  .mcv-dtf-fincard .brand{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); }
  .mcv-dtf-fincard .chip{ width:34px; height:24px; border-radius:5px; background:linear-gradient(135deg,#ff8090,#e8344f); margin:22px 0 18px; }
  .mcv-dtf-fincard .num{ font-family:'JetBrains Mono',monospace; font-size:15px; color:#fff; letter-spacing:.1em; }
  .mcv-dtf-fincard .curr{ position:absolute; bottom:22px; right:22px; font-family:'JetBrains Mono',monospace; font-size:11px; color:#ff8090; }
  .mcv-dtf-float{ position:absolute; background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:14px; padding:12px 16px; box-shadow:0 16px 40px rgba(0,0,0,.35); z-index:3; }
  .mcv-dtf-float .k2{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#ff8090; text-transform:uppercase; letter-spacing:.08em; margin-bottom:3px; }
  .mcv-dtf-float .v{ font-family:'JetBrains Mono',monospace; font-size:15px; color:#fff; font-weight:700; }
  .mcv-dtf-float-1{ top:-10px; right:0; }
  .mcv-dtf-float-2{ bottom:10px; left:0; }

  .mcv-dtf-statbar{ margin-top:-72px; position:relative; z-index:3; }
  .mcv-dtf-statbar .inner{ background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,.35); padding:32px 20px; display:grid; grid-template-columns:repeat(4,1fr); }
  .mcv-dtf-statbar .stat{ text-align:center; padding:0 12px; border-right:1px solid var(--line-light); }
  .mcv-dtf-statbar .stat:last-child{ border-right:none; }
  .mcv-dtf-statbar .num{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:22px; color:#ff8090; }
  .mcv-dtf-statbar .lbl{ font-size:11.5px; color:rgba(255,255,255,.62); margin-top:6px; line-height:1.4; }

  .mcv-dtf-section{ padding:100px 0 76px; }
  .mcv-dtf-section.paper{ background:#faf8f8; }
  .mcv-dtf-section.tight{ padding-top:76px; }
  .mcv-dtf-head{ text-align:center; max-width:720px; margin:0 auto 48px; }
  .mcv-dtf-head .kicker{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#a70d2a; margin-bottom:12px; }
  .mcv-dtf-head h2{ font-size:clamp(22px,3vw,34px); color:#191419; }
  .mcv-dtf-head p{ color:#6d666d; margin-top:14px; }

  .mcv-dtf-rolegrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .mcv-dtf-rolecard{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; }
  .mcv-dtf-rolecard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; }
  .mcv-dtf-roleicon{ width:40px; height:40px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; }
  .mcv-dtf-rolecard h3{ font-size:17px; margin-bottom:12px; color:#191419; }
  .mcv-dtf-rolecard ul{ margin:0; padding-left:18px; font-size:13.5px; color:#191419; }
  .mcv-dtf-rolecard li{ margin-bottom:8px; line-height:1.5; }

  .mcv-dtf-tablewrap{ overflow-x:auto; border-radius:16px; box-shadow:0 12px 34px rgba(0,0,0,.07); border:1px solid var(--line); }
  table.mcv-dtf-table{ border-collapse:collapse; width:100%; min-width:680px; background:#fff; font-size:13.5px; }
  table.mcv-dtf-table th{ background:#0a0a0a; color:#ffffff; text-align:left; padding:14px 16px; font-family:'JetBrains Mono',monospace; font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
  table.mcv-dtf-table td{ padding:14px 16px; border-bottom:1px solid rgba(11,11,16,0.1); vertical-align:top; color:#191419; }
  table.mcv-dtf-table td.hl{ background:rgba(232,52,79,.06); border-top:3px solid #e8344f; font-weight:600; color:#191419; }
  table.mcv-dtf-table th.hl{ background:#e8344f; color:#ffffff; }
  table.mcv-dtf-table tbody tr:hover td{ background:#f4f1f1; color:#191419; }
  table.mcv-dtf-table tbody tr:hover td.hl{ background:rgba(232,52,79,.13); color:#191419; }
  table.mcv-dtf-table tr:last-child td{ border-bottom:none; }
  .mcv-dtf-note{ font-size:12.5px; color:#6d666d; margin-top:12px; }

  .mcv-dtf-callout{ background:linear-gradient(135deg,#2B0710,#4A0F1E); color:#fff; border-radius:20px; padding:40px 44px; }
  .mcv-dtf-callout h2,.mcv-dtf-callout h3{ color:#fff; font-size:22px; margin-bottom:12px; }
  .mcv-dtf-callout p{ color:rgba(255,255,255,.78); font-size:14.5px; margin:0; }

  .mcv-dtf-honest{ background:#fff; border:1px solid var(--line); border-left:4px solid #fbbf24; border-radius:14px; padding:28px 30px; }
  .mcv-dtf-honest h3{ font-size:17px; margin-bottom:14px; color:#191419; }
  .mcv-dtf-honestgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; }
  .mcv-dtf-honestgrid div{ font-size:13.5px; color:#191419; line-height:1.55; padding-left:18px; position:relative; }
  .mcv-dtf-honestgrid div::before{ content:'!'; position:absolute; left:0; top:0; font-family:'JetBrains Mono',monospace; font-weight:700; color:#8a6100; }

  .mcv-dtf-cs{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:32px 34px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; box-shadow:0 8px 24px rgba(0,0,0,.05); }
  .mcv-dtf-cs-badge{ display:inline-flex; align-items:center; gap:7px; padding:6px 14px; border-radius:100px; background:rgba(232,52,79,.08); border:1px solid rgba(232,52,79,.25); font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#a70d2a; margin-bottom:12px; }
  .mcv-dtf-cs-badge .dot{ width:6px; height:6px; border-radius:50%; background:#e8344f; }
  .mcv-dtf-cs-body{ flex:1; min-width:260px; }
  .mcv-dtf-cs-body h3{ font-size:16.5px; margin-bottom:6px; color:#191419; }
  .mcv-dtf-cs-body p{ color:#6d666d; font-size:13.5px; margin:0; max-width:460px; }
  .mcv-dtf a.mcv-dtf-cs-link{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; color:#a70d2a; white-space:nowrap; }

  .mcv-dtf-faqgrid{ display:grid; grid-template-columns:1fr 1fr; gap:0 40px; max-width:1000px; margin:0 auto; }
  .mcv-dtf-faq details{ border-bottom:1px solid var(--line); padding:18px 0; }
  .mcv-dtf-faq summary{ font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; font-size:15px; color:#191419; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; }
  .mcv-dtf-faq summary::-webkit-details-marker{ display:none; }
  .mcv-dtf-faq summary::after{ content:'+'; font-family:'JetBrains Mono',monospace; color:#a70d2a; font-size:20px; font-weight:700; flex:none; }
  .mcv-dtf-faq details[open] summary::after{ content:'\2212'; }
  .mcv-dtf-faq .a{ color:#6d666d; font-size:13.5px; margin-top:10px; line-height:1.65; }

  .mcv-dtf-cta{ background:linear-gradient(120deg,#e8344f,#6e0e1f); color:#fff; padding:64px 0; position:relative; overflow:hidden; }
  .mcv-dtf-cta .ring{ position:absolute; border:2px solid rgba(255,255,255,.14); border-radius:50%; width:360px; height:360px; top:-140px; right:-100px; }
  .mcv-dtf-cta .flex{ display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap; position:relative; z-index:2; }
  .mcv-dtf-cta h2{ color:#fff; font-size:clamp(20px,2.6vw,28px); margin-bottom:8px; }
  .mcv-dtf-cta p{ color:rgba(255,255,255,.82); margin:0; max-width:460px; }
  .mcv-dtf-cta a.mcv-dtf-btn-outline{ border-color:#fff; }
  .mcv-dtf-cta a.mcv-dtf-btn{ background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.2); }
  .mcv-dtf-cta a.mcv-dtf-btn,.mcv-dtf-cta a.mcv-dtf-btn:hover{ color:#a70d2a; }

  .mcv-dtf-explore{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
  .mcv-dtf a.mcv-dtf-pill{ font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600; padding:10px 18px; border-radius:100px; border:1px solid var(--line); color:#191419; background:#fff; transition:all .2s; }
  .mcv-dtf a.mcv-dtf-pill:hover{ border-color:#e8344f; color:#a70d2a; text-decoration:none; }
  .mcv-dtf a.mcv-dtf-pill.cur{ background:#191419; color:#fff; border-color:#191419; }

  .mcv-dtf-finalcta{ background:#0a0a0a; color:#fff; text-align:center; padding:96px 24px 64px; position:relative; overflow:hidden; }
  .mcv-dtf-finalcta .ring{ position:absolute; border:1.5px solid rgba(232,52,79,.16); border-radius:50%; }
  .mcv-dtf-finalcta .ring1{ width:480px; height:480px; top:-220px; left:-160px; }
  .mcv-dtf-finalcta .ring2{ width:300px; height:300px; bottom:-180px; right:-90px; }
  .mcv-dtf-finalcta .card{ background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:24px; padding:56px 40px; max-width:720px; margin:0 auto; position:relative; z-index:2; }
  .mcv-dtf-finalcta h2{ color:#fff; font-size:clamp(24px,3.2vw,34px); max-width:640px; margin:0 auto 14px; }
  .mcv-dtf-finalcta p.sub{ color:rgba(255,255,255,.7); max-width:520px; margin:0 auto 30px; }
  .mcv-dtf-footerbar{ max-width:1180px; margin:56px auto 0; padding-top:28px; border-top:1px solid var(--line-light); position:relative; z-index:2; }
  .mcv-dtf-byline{ display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:rgba(255,255,255,.55); border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:16px; margin-bottom:12px; }
  .mcv-dtf-byline strong{ color:#fff; font-weight:600; }
  .mcv-dtf-byline .dotsep{ opacity:.4; }
  .mcv-dtf-footermeta{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-family:'JetBrains Mono',monospace; font-size:11px; color:rgba(255,255,255,.55); }

  @media (max-width:900px){
    .mcv-dtf-herogrid{ grid-template-columns:1fr; }
    .mcv-dtf-statbar .inner{ grid-template-columns:repeat(2,1fr); gap:18px 0; }
    .mcv-dtf-statbar .stat:nth-child(2){ border-right:none; }
    .mcv-dtf-rolegrid{ grid-template-columns:1fr; }
    .mcv-dtf-honestgrid{ grid-template-columns:1fr; }
    .mcv-dtf-faqgrid{ grid-template-columns:1fr; }
    .mcv-dtf-hero h1{ font-size:27px; }
    .mcv-dtf-cta .flex{ flex-direction:column; align-items:flex-start; }
    .mcv-dtf-cardstack{ height:260px; }
    .mcv-dtf-fincard{ width:250px; height:150px; }
  }
  @media (prefers-reduced-motion: reduce){ .mcv-dtf *{ animation:none !important; transition:none !important; } }
  /* --- components used by cost / company / business-model --- */
  .mcv-dtf-pricecard{ background:linear-gradient(150deg,#3a0a15,#160408 60%,#0a0a0a); border:1px solid rgba(232,52,79,.3); border-radius:22px; padding:34px 32px; box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 60px -12px rgba(232,52,79,.35); }
  .mcv-dtf-pricecard .plan{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#ff8090; margin-bottom:14px; }
  .mcv-dtf-pricecard .amt{ font-family:'JetBrains Mono',monospace; font-size:44px; font-weight:700; color:#fff; line-height:1; }
  .mcv-dtf-pricecard .per{ font-size:13px; color:rgba(255,255,255,.6); margin-top:8px; }
  .mcv-dtf-pricecard ul{ margin:22px 0 0; padding-left:18px; color:rgba(255,255,255,.78); font-size:13.5px; }
  .mcv-dtf-pricecard li{ margin-bottom:8px; line-height:1.5; }
  .mcv-dtf-drivers{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .mcv-dtf-driver{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:26px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; }
  .mcv-dtf-driver:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; }
  .mcv-dtf-driver h3{ font-size:16px; margin-bottom:10px; color:#191419; }
  .mcv-dtf-driver p{ font-size:13.5px; color:#6d666d; margin:0; }
  .mcv-dtf-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .mcv-dtf-step{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:16px; padding:24px 22px; }
  .mcv-dtf-step .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#a70d2a; margin-bottom:8px; }
  .mcv-dtf-step h3{ font-size:15.5px; margin-bottom:8px; color:#191419; }
  .mcv-dtf-step p{ font-size:13.5px; color:#6d666d; margin:0; }
  .mcv-dtf-checkgrid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 28px; }
  .mcv-dtf-check{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:14px; padding:20px 22px; }
  .mcv-dtf-check h3{ font-size:15px; margin-bottom:8px; color:#191419; }
  .mcv-dtf-check p{ font-size:13.5px; color:#6d666d; margin:0; }
  .mcv-dtf-flags{ display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
  .mcv-dtf-flag{ font-size:13.5px; color:#191419; line-height:1.55; padding-left:22px; position:relative; }
  .mcv-dtf-flag::before{ content:'\2715'; position:absolute; left:0; top:0; font-family:'JetBrains Mono',monospace; font-weight:700; color:#a70d2a; }
  .mcv-dtf-pt{ background:radial-gradient(ellipse 800px 400px at 20% 0%, rgba(232,52,79,.14), transparent), #0a0a0a; color:#fff; padding:92px 0 84px; }
  .mcv-dtf-pt .mcv-dtf-head h2{ color:#fff; }
  .mcv-dtf-pt .mcv-dtf-head p{ color:rgba(255,255,255,.68); }
  .mcv-dtf-pt .mcv-dtf-head .kicker{ color:#ff8090; }
  .mcv-dtf-ptgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .mcv-dtf-ptcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:18px; padding:26px 24px; }
  .mcv-dtf-ptcard h3{ font-size:15.5px; color:#fff; margin-bottom:10px; }
  .mcv-dtf-ptcard p{ font-size:13.5px; color:rgba(255,255,255,.72); margin:0; }
  .mcv-dtf-ptcard .tag{ display:inline-block; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; border:1px solid rgba(232,52,79,.35); border-radius:100px; padding:3px 10px; margin-bottom:12px; }
  .mcv-dtf-csbox{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:22px; padding:40px 42px; box-shadow:0 12px 34px rgba(0,0,0,.06); }
  .mcv-dtf-csmeta{ display:flex; flex-wrap:wrap; gap:26px; margin:22px 0 26px; padding:20px 0; border-top:1px solid rgba(11,11,16,0.1); border-bottom:1px solid rgba(11,11,16,0.1); }
  .mcv-dtf-csmeta div{ font-size:13px; color:#6d666d; }
  .mcv-dtf-csmeta strong{ display:block; font-family:'JetBrains Mono',monospace; font-size:18px; color:#191419; margin-bottom:2px; }
  .mcv-dtf-cscols{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
  .mcv-dtf-cscols h4{ font-size:13px; font-family:'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#a70d2a; margin:0 0 10px; }
  .mcv-dtf-cscols ul{ margin:0; padding-left:18px; font-size:13.5px; color:#191419; }
  .mcv-dtf-cscols li{ margin-bottom:8px; line-height:1.5; }
  .mcv-dtf-quote{ margin-top:28px; padding:24px 26px; background:#faf8f8; border-left:3px solid #e8344f; border-radius:0 12px 12px 0; }
  .mcv-dtf-quote p{ font-size:15px; font-style:italic; color:#191419; margin:0 0 10px; }
  .mcv-dtf-quote .who{ font-family:'JetBrains Mono',monospace; font-size:12px; color:#6d666d; font-style:normal; }
  .mcv-dtf-revgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .mcv-dtf-revcard{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:28px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; }
  .mcv-dtf-revcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; }
  .mcv-dtf-revcard .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#a70d2a; margin-bottom:10px; }
  .mcv-dtf-revcard h3{ font-size:16.5px; margin-bottom:10px; color:#191419; }
  .mcv-dtf-revcard p{ font-size:13.5px; color:#6d666d; margin:0; }
  .mcv-dtf-revcard .core{ display:inline-block; margin-top:14px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#a70d2a; background:rgba(232,52,79,.08); border:1px solid rgba(232,52,79,.25); border-radius:100px; padding:3px 10px; }
  .mcv-dtf-disclose{ background:#faf8f8; border:1px dashed rgba(11,11,16,0.1); border-radius:14px; padding:26px 28px; max-width:860px; margin:0 auto; }
  .mcv-dtf-disclose h3{ font-size:16px; margin-bottom:10px; color:#191419; }
  .mcv-dtf-disclose p{ font-size:13.5px; color:#6d666d; margin:0 0 10px; }
  .mcv-dtf-disclose p:last-child{ margin-bottom:0; }
  .mcv-dtf-callout .figs{ display:flex; flex-wrap:wrap; gap:32px; margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.12); }
  .mcv-dtf-callout .figs div{ font-size:12.5px; color:rgba(255,255,255,.65); }
  .mcv-dtf-callout .figs strong{ display:block; font-family:'JetBrains Mono',monospace; font-size:20px; color:#fff; margin-bottom:3px; }
  @media (max-width:900px){
    .mcv-dtf-drivers,.mcv-dtf-steps,.mcv-dtf-checkgrid,.mcv-dtf-flags,.mcv-dtf-ptgrid,.mcv-dtf-cscols,.mcv-dtf-revgrid{ grid-template-columns:1fr; }
    .mcv-dtf-csbox{ padding:28px 24px; }
  }
  /* ===== components ported from the shipped reference bundle (instagram-clone) ===== */
  .mcv-dtf-aside{ border-left:3px solid #e8344f; background:#faf8f8; border-radius:0 16px 16px 0; padding:32px 36px; }
  .mcv-dtf-aside h3{ font-size:17px; margin-bottom:14px; color:#191419; }
  .mcv-dtf-aside ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:16px 32px; }
  .mcv-dtf-aside li{ padding-left:18px; position:relative; font-size:14px; color:#191419; line-height:1.6; }
  .mcv-dtf-aside li::before{ content:''; position:absolute; left:0; top:7px; width:7px; height:7px; background:#e8344f; transform:rotate(45deg); }
  .mcv-dtf-aside li span{ color:#6d666d; display:block; font-size:12.5px; margin-top:2px; }
  .mcv-dtf-flowrow{ display:grid; grid-template-columns:64px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid rgba(11,11,16,0.1); align-items:start; }
  .mcv-dtf-flowrow:last-child{ border-bottom:none; }
  .mcv-dtf-flowrow h3{ font-size:18px; margin-bottom:8px; color:#191419; }
  .mcv-dtf-flowrow p{ color:#6d666d; font-size:14.5px; margin:0; max-width:760px; }
  .mcv-dtf-flownum{ width:56px; height:56px; border-radius:50%; border:1.5px solid rgba(11,11,16,0.1); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; color:#a70d2a; font-size:16px; }
  .mcv-dtf-icongrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
  .mcv-dtf-iconitem{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:14px; padding:22px 24px; display:flex; gap:14px; align-items:flex-start; box-shadow:0 6px 18px rgba(0,0,0,.05); }
  .mcv-dtf-iconitem h3{ font-size:15px; margin-bottom:6px; color:#191419; }
  .mcv-dtf-iconitem p{ font-size:13px; color:#6d666d; margin:0; }
  .mcv-dtf-icondot{ width:34px; height:34px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); flex:none; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; }
  .mcv-dtf-steprow{ display:flex; gap:24px; padding:22px 0; border-bottom:1px solid rgba(11,11,16,0.1); }
  .mcv-dtf-steprow:last-child{ border-bottom:none; }
  .mcv-dtf-step-num{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:15px; color:#a70d2a; flex:none; width:90px; padding-top:2px; }
  .mcv-dtf-step-body h3{ font-size:17px; color:#191419; margin-bottom:6px; }
  .mcv-dtf-step-body p{ font-size:14.5px; color:#6d666d; margin:0; }
  .mcv-dtf-trustband{ background:#0a0a0a; color:#fff; padding:96px 0; position:relative; overflow:hidden; }
  .mcv-dtf-trustband .ring{ position:absolute; border:1.5px solid rgba(232,52,79,.16); border-radius:50%; width:420px; height:420px; top:-160px; left:-140px; }
  .mcv-dtf-trustband .head{ text-align:center; max-width:720px; margin:0 auto 44px; position:relative; z-index:2; }
  .mcv-dtf-trustband .head .kicker{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#ff8090; margin-bottom:12px; }
  .mcv-dtf-trustband .head h2{ color:#fff; font-size:clamp(22px,3vw,34px); }
  .mcv-dtf-trustband .head p{ color:rgba(255,255,255,.68); margin-top:14px; }
  /* the band markup uses the prefixed head class, so scope the light colours to it explicitly -
     without this the h2 falls through to .mcv-dtf-head h2 (#191419) and vanishes on the black band */
  .mcv-dtf-trustband .mcv-dtf-head h2{ color:#ffffff; font-size:clamp(22px,3vw,34px); }
  .mcv-dtf-trustband .mcv-dtf-head p{ color:rgba(255,255,255,0.68); }
  .mcv-dtf-trustband .mcv-dtf-head .kicker{ color:#ff8090; }
.mcv-dtf-trustband .mcv-dtf-note{ color:rgba(255,255,255,0.68); }
.mcv-dtf-pt .mcv-dtf-note{ color:rgba(255,255,255,0.68); }
  .mcv-dtf-trustgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:2; }
  .mcv-dtf-trustcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:26px 22px; }
  .mcv-dtf-trustcard h3{ color:#fff; font-size:15px; margin-bottom:8px; }
  .mcv-dtf-trustcard p{ color:rgba(255,255,255,.68); font-size:13px; margin:0; line-height:1.55; }
  .mcv-dtf-trusticon{ width:38px; height:38px; border-radius:10px; background:rgba(232,52,79,.16); border:1px solid rgba(232,52,79,.4); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
  .mcv-dtf-scorecard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:28px 26px; }
  .mcv-dtf-scorecard .k{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; margin-bottom:16px; }
  .mcv-dtf-scorerow{ display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.12); }
  .mcv-dtf-scorerow:last-child{ border-bottom:none; }
  .mcv-dtf-scorerow .lbl2{ font-size:12.5px; color:rgba(255,255,255,.75); }
  .mcv-dtf-scorerow .val{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; color:#fff; }
  .mcv-dtf-scorerow .val.good{ color:#ff8090; }
  /* scorecard is a DARK card sitting in a light section. Rows authored as
     **label**text inherit var(--ink) and vanish (1.13:1).
     Give them light ink and stack them; .lbl2/.val two-column rows are untouched. */
  .mcv-dtf-scorerow{ flex-wrap:wrap; }
  .mcv-dtf-scorecard > .mcv-dtf-scorerow > strong{ flex:1 0 100%; color:#ffffff; font-size:14.5px; margin-bottom:4px; }
  .mcv-dtf-scorecard > .mcv-dtf-scorerow > span{ flex:1 0 100%; color:rgba(255,255,255,0.78); font-size:13px; line-height:1.62; }
  .mcv-dtf-cs-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom:28px; }
  .mcv-dtf-cs-top p{ color:#6d666d; font-size:14.5px; max-width:480px; margin:0; }
  .mcv-dtf-cs-meta{ text-align:right; font-size:13.5px; }
  .mcv-dtf-cs-meta strong{ display:block; color:#191419; font-size:14.5px; }
  .mcv-dtf-cs-meta .lbl{ font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:#6d666d; margin:2px 0 12px; }
  .mcv-dtf-cs-stats{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(11,11,16,0.1); border-radius:16px; margin-bottom:24px; overflow:hidden; }
  .mcv-dtf-cs-stat{ text-align:center; padding:22px 12px; border-right:1px solid rgba(11,11,16,0.1); }
  .mcv-dtf-cs-stat:last-child{ border-right:none; }
  .mcv-dtf-cs-stat .v{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:26px; color:#a70d2a; }
  .mcv-dtf-cs-stat .l{ font-size:12.5px; color:#6d666d; margin-top:4px; }
  .mcv-dtf-cs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
  .mcv-dtf-cs-box{ background:#faf8f8; border-radius:14px; padding:22px 24px; }
  .mcv-dtf-cs-box .h{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#6d666d; margin-bottom:12px; }
  .mcv-dtf-cs-box ul{ margin:0; padding:0; list-style:none; display:grid; gap:8px; }
  .mcv-dtf-cs-box li{ padding-left:16px; position:relative; font-size:13.5px; color:#191419; line-height:1.55; }
  .mcv-dtf-cs-box li::before{ content:''; position:absolute; left:0; top:7px; width:6px; height:6px; background:#e8344f; transform:rotate(45deg); }
  .mcv-dtf-cs-quote{ border-left:3px solid #e8344f; background:#faf8f8; border-radius:0 14px 14px 0; padding:22px 26px; margin-top:16px; display:flex; gap:16px; align-items:flex-start; }
  .mcv-dtf-cs-quote p{ font-style:italic; font-size:15px; color:#191419; margin:0 0 10px; }
  .mcv-dtf-cs-avatar{ width:38px; height:38px; border-radius:50%; background:#a70d2a; color:#fff; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:13px; flex:none; }
  .mcv-dtf-cs-who strong{ display:block; font-size:13.5px; color:#191419; }
  .mcv-dtf-cs-who span{ font-size:12.5px; color:#6d666d; }
  .mcv-dtf-cs-foot{ margin-top:20px; padding-top:16px; border-top:1px solid rgba(11,11,16,0.1); font-size:12.5px; color:#6d666d; }
  .mcv-dtf-mockwrap{ position:relative; }
  .mcv-dtf-chartcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:28px 26px; position:relative; }
  .mcv-dtf-chartcard .k{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; margin-bottom:18px; }
  .mcv-dtf-chartcard .mcv-dtf-barrow{ display:flex; align-items:center; gap:14px; height:auto; margin:0 0 14px; }
  .mcv-dtf-chartcard .mcv-dtf-barrow .l{ flex:0 0 140px; font-size:12.5px; line-height:1.35; color:rgba(255,255,255,.78); }
  .mcv-dtf-chartcard .mcv-dtf-barrow>.bar{ flex:1; height:8px; border-radius:999px; background:rgba(255,255,255,.10); overflow:hidden; }
  .mcv-dtf-chartcard .mcv-dtf-barrow>.bar>.mcv-dtf-barcol{ height:8px; border-radius:999px; background:linear-gradient(90deg,#ff8090,#d81b46); }
  .mcv-dtf-chartcard .note{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.12); font-size:11.5px; line-height:1.5; color:rgba(255,255,255,.62); }
  .mcv-dtf-seggrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .mcv-dtf-segcard{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:16px; padding:26px 22px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; }
  .mcv-dtf-segcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; }
  .mcv-dtf-segcard h3{ color:#191419; font-size:15.5px; margin-bottom:8px; }
  .mcv-dtf-segcard p{ color:#6d666d; font-size:13px; margin:0; line-height:1.55; }
  .mcv-dtf-segicon{ width:38px; height:38px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; transition:background .3s; }
  .mcv-dtf-modelgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .mcv-dtf-modelcard{ position:relative; background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:26px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; overflow:hidden; }
  .mcv-dtf-modelcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; }
  .mcv-dtf-modelcard .ghost{ position:absolute; top:-4px; right:6px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:64px; color:#000; opacity:.045; line-height:1; }
  .mcv-dtf-modelcard:hover .ghost{ color:#e8344f; opacity:.09; }
  .mcv-dtf-modelcard .stage{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#a70d2a; margin-bottom:10px; position:relative; }
  .mcv-dtf-modelcard h3{ font-size:16.5px; margin-bottom:8px; position:relative; color:#191419; }
  .mcv-dtf-modelcard p{ font-size:13.5px; color:#6d666d; margin:0; line-height:1.55; position:relative; }
  .mcv-dtf-streamlist{ display:flex; flex-direction:column; gap:9px; }
  .mcv-dtf-streamrow{ display:flex; align-items:center; gap:12px; padding:9px 12px; border:1px solid rgba(255,255,255,0.12); border-radius:10px; background:rgba(255,255,255,.03); }
  .mcv-dtf-streamrow .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; color:#ff8090; }
  .mcv-dtf-streamrow .s{ font-size:13px; color:#fff; font-weight:600; }
  @media (max-width:900px){
    .mcv-dtf-aside ul{ grid-template-columns:1fr; }
    .mcv-dtf-flowrow{ grid-template-columns:48px 1fr; gap:16px; }
    .mcv-dtf-flownum{ width:44px; height:44px; font-size:14px; }
    .mcv-dtf-icongrid,.mcv-dtf-cs-grid,.mcv-dtf-modelgrid{ grid-template-columns:1fr; }
    .mcv-dtf-trustgrid,.mcv-dtf-seggrid{ grid-template-columns:1fr 1fr; }
    .mcv-dtf-cs-stats{ grid-template-columns:1fr; }
    .mcv-dtf-cs-stat{ border-right:none; border-bottom:1px solid rgba(11,11,16,0.1); }
    .mcv-dtf-cs-stat:last-child{ border-bottom:none; }
    .mcv-dtf-cs-top,.mcv-dtf-steprow{ flex-direction:column; }
    .mcv-dtf-cs-meta{ text-align:left; }
    .mcv-dtf-chartcard .mcv-dtf-barrow{ gap:10px; }
    .mcv-dtf-chartcard .mcv-dtf-barrow .l{ flex:0 0 104px; font-size:11.5px; }
  }
* + .mcv-dtf-callout{ margin-top:22px; }
.mcv-dtf-cta .mcv-dtf-byline,.mcv-dtf-cta .mcv-dtf-footerbar{ color:#ffffff; }
.mcv-dtf-cta .mcv-dtf-byline .dotsep{ opacity:.65; }
.mcv-dtf-trustband .kicker,.mcv-dtf-pt .kicker{ color:var(--crimson-light); }
.mcv-dtf-cta .kicker{ color:#ffffff; }
.mcv-dtf-cta .mcv-dtf-footermeta{ color:#ffffff; }
@media (max-width:560px){ .mcv-dtf-trustgrid,.mcv-dtf-seggrid{ grid-template-columns:1fr; } }

    
    
      
        
          
            [Home](/)/[DAT Load Board Clone](/dat-load-board-clone/)/Features
          
          DAT Load Board Clone · Features
          
# DAT Load Board Clone Features: The Board Is Only the Entry Point

          
A listing site ends when the load is booked. This one starts there: the won load dispatches to a vehicle and a driver, tracks on GPS, collects a proof of delivery and raises an invoice against the same record. Underneath sits a real carrier TMS and broker-side intelligence, on 74 PostgreSQL tables and over 280 REST endpoints. Here is what ships, grouped by who touches it.

          [Request a Live Demo →](https://miracuves.com/schedule-consultation/)[See Pricing](/dat-load-board-clone/development-cost/)
          
            **4** roles, one record
            **280+** REST endpoints
            **6 days** to deploy
          
        
        
          NegotiationOn the load, not a call log
          
            What One Load Actually Touches
            
              01Posted with multi-stop legs
              02Bid, then counter-offer rounds
              03Assigned to vehicle and driver
              04Tracked on GPS, geofence fires
              05Proof of delivery uploaded
              06Invoice raised on the same record
            
          
        
      
    
  

  
    
      
        74PostgreSQL Tables
        280+REST Endpoints
        126Mobile Screens Shipped
        4Roles on One Platform
      
    
  

  
    
      
        By Role
        
## Feature Set by Role

        
Four parties touch a load and each gets a surface built for what they actually do with it, all against one API and one record.

      
      
        
          01
          
### The Shipper

          
Posts a load with equipment, weight, commodity, distance and target rate, and attaches pickup and delivery legs as child records carrying sequence, dates, times, contacts and instructions. Multi-stop is a shape in the schema rather than a note in a comments field, and bulk upload from file covers a high-volume desk.

        
        
          02
          
### The Carrier

          
Searches and filters the live board by lane, date, equipment and distance, submits bids, runs counter-offers, bookmarks loads and sees bid statistics. Rate history and hot lane context sit at the point of decision rather than behind a separate subscription, which is where a carrier decides whether a rate is worth taking.

        
        
          03
          
### The Dispatcher

          
Assigns the won load to a vehicle and a driver, creates the route, and follows GPS positions with geofence alerts firing on arrival and departure. A public tracking link can be generated for a shipper or a consignee who has no account, which is what stops the where-is-my-freight call.

        
        
          04
          
### The Fleet Manager

          
Vehicles and drivers with hours-of-service logs, DOT compliance records, fuel purchases with IFTA reporting, maintenance scheduling, geofence alerts and speed violations. This is an operational backbone rather than a bolt-on, which is the difference between a load board and a system a carrier runs their week on.

        
        
          05
          
### The Broker

          
Carrier intelligence at the point of tender: fleet visibility, company verification, ratings and reviews, broker credit scores, rate history and hot lanes. The evidence needed to decide whether to route freight to a carrier sits next to the load rather than in another product.

        
        
          06
          
### The Operator

          
User lifecycle and role management, load intervention, KYC review queues, compliance records, financial overview with invoice ageing, platform analytics, module toggles, pricing plans and SEO surfaces, with audit and activity logs behind every admin action.

        
      
      
Members use a React web application and a 126-screen Flutter build; operators run the admin control plane. All three go through the same 280-plus REST endpoints.

    
  

  
    
      
        Compare
        
## DAT vs Miracuves Clone vs Building From Scratch

        
What each route gives you on the parts that decide whether freight actually moves through the system.

      
      
        
| What decides it | Miracuves DAT Load Board Clone | Building from scratch |
| --- | --- | --- |
| Time to a working platform | Six working days | A multi-year programme with a senior team |
| After the load is booked | Dispatch, GPS, POD and invoice on the same record | Where most builds stop, and the reason they stay listing sites |
| Multi-stop lanes | Pickup and delivery child tables with sequence and contacts | Usually one origin and one destination, rebuilt later |
| Negotiation | Multi-round counter-offers with lost reasons, on the load | A phone call and a note somebody may have written down |
| Carrier TMS | HOS, DOT, fuel with IFTA, maintenance, geofencing | A separate product a carrier pays for elsewhere |
| Broker intelligence | Verification, ratings, credit scores, rate history, hot lanes | Another subscription, in another tab |
| Provider lock-in | Adapters with mock fallbacks, swapped by environment variable | Whatever was wired in first, permanently |
| Source code | Full source across web, Flutter and admin, yours | Yours, at the cost of building all of it |

      
      
DAT itself is the reference for what this category looks like at scale; it is not a product you can buy or self-host. The comparison that matters commercially is the second column against the third.

    
  

  
    
      
        End to End
        
## How It Works, End to End

        
One load, traced from posting through to an invoice, with every offer, position and document written down against the same record.

      
      
        01
### The load is posted with its real shape

Equipment, weight, commodity, distance and target rate on the load, with pickup and delivery locations as child tables carrying sequence ordering, dates, times, contacts and instructions. A three-stop lane is modelled as three stops rather than described in free text that nobody can filter or dispatch against.

        02
### Carriers find it by the terms that matter

The board filters by lane, date, equipment and distance. Rate history and hot lane context are available at the point of decision, so a carrier is judging a rate against what the lane has actually paid rather than against instinct.

        03
### The negotiation leaves a record

Standard bids plus multi-round counter-offers, with bid statistics, bookmarking and lost reasons. What was offered, by whom, and why it was refused stays attached to the load. On a brokerage desk that record is the difference between knowing your coverage costs and guessing at them.

        04
### The broker checks the carrier before tendering

Fleet visibility, company verification, ratings and reviews, and broker credit scores sit beside the load. Vetting from memory is how a brokerage ends up with a claim it cannot defend, and the evidence being one click from the tender is what changes that behaviour.

        05
### Won freight dispatches rather than disappearing

The load moves from posted to assigned, a vehicle and driver are attached, and a route is created. The status machine runs across posted, assigned, in transit, delivered and cancelled, so the state of a load is a field rather than a spreadsheet somebody updates when they remember.

        06
### It tracks, and outsiders can see it

GPS positions follow on the map with geofence alerts firing on arrival, and speed violations recorded against the driver. A public tracking link can be generated for a shipper or consignee without an account, which removes the calls that otherwise consume a dispatcher's afternoon.

        07
### Delivery closes the financial loop

Proof of delivery is uploaded and validated by MIME type and magic bytes rather than trusting the file extension, and an invoice is raised against the same load. Invoice ageing appears in the operator financial overview, so what is owed and how long it has been owed are one query rather than a reconciliation.

      
    
  

  
    
      
        Deliberate
        
## Every Feature Earns Its Place

        
Each module below exists because a freight platform stops working without it, not because a competitor lists it.

      
      
        
| Module | Why it is in the base build |
| --- | --- |
| Multi-stop child tables | Real lanes have more than two points. A schema that assumes one origin and one destination cannot dispatch, sequence or invoice a three-stop run. |
| Multi-round counter-offers | Freight is negotiated, not listed. Without rounds recorded on the load, the price history of your own coverage lives in people's memories. |
| Lost reasons | Knowing why a carrier refused is how a desk learns its lanes. A blank refusal teaches nothing and repeats next week. |
| Hours-of-service logs | A carrier cannot legally dispatch without them, and a platform that ignores HOS is a platform a carrier keeps a second system beside. |
| IFTA fuel reporting | Fuel tax reporting is a quarterly obligation. Capturing purchases as they happen is the only way it is not a week of reconstruction. |
| Geofence alerts | Arrival and departure detected automatically is what makes tracking useful rather than a dot somebody has to watch. |
| Public tracking links | The people who most want to know where the freight is are the ones least likely to have an account. |
| Magic-byte validation | A proof of delivery is a legal document. Trusting a file extension on a document that settles a payment dispute is not acceptable. |
| Broker credit scores | Carriers refuse loads from brokers who pay slowly. Surfacing that at tender is what keeps good carriers on your board. |

      
      
Company verification, ratings and reviews, KYC review queues and compliance records ship alongside these in the operator console.

    
  

  
    
      
        Stack
        
## The Technology Behind the Features

        
What the platform is actually built on, and what that means for the team who inherits it.

      
      
        **Data model**Seventy-four PostgreSQL tables covering loads and their pickup and delivery child records, bids and counter-offers, vehicles, drivers, routes, HOS logs, compliance records, fuel, maintenance, invoices and the audit trail.
        **API**Over 280 REST endpoints serving the React web application, the Flutter build and any external consumer, so a customer integration uses the same surface your own clients do rather than a second implementation.
        **Authentication**Session-cookie authentication for web and admin through Passport with bcrypt, and JWT bearer authentication for the Flutter app and external API consumers, so each client uses the model that suits it.
        **Authorization**Route-level role middleware across admin, carrier and broker, plus object-level ownership checks on loads, bids, messages and documents, so a valid session cannot read another company's freight.
        **Mobile**A 126-screen Flutter application covering the carrier and driver surfaces, which is where dispatch and proof of delivery actually happen rather than at a desk.
        **Integrations**Payments, calls and SMS, voice transcription, inbound and outbound email, market rates and regional compliance each sit behind an adapter interface with a mock fallback, so swapping a provider is an environment variable rather than a change to domain code.
      
      
        
### Why the adapter layer is the number that matters

        
Freight software is where integrations go to become permanent. A telematics provider, a rate index, a payment processor or a compliance feed wired directly into domain code becomes a dependency you cannot leave without a rewrite, and in this industry those contracts get renegotiated. Every external surface here sits behind an adapter with a mock fallback, which means the platform runs and demonstrates without any of them, and swapping one is configuration rather than a project.

        
          **74**PostgreSQL tables
          **280+**REST endpoints
          **126**Mobile screens
          **$4,899**One-time, fixed
        
      
      
The mock fallbacks are why the demo runs end to end without a single third-party account configured, and why your first deployment is not blocked on a vendor contract.

    
  

  
    
      
        Honest Readiness
        
## What Is Not Included in the Base Package

        
Named here rather than discovered after the invoice.

      
      
        
### What needs your account, and what is a deployment decision

        
**Every external provider is your own account.** Payments, calls and SMS, voice transcription, inbound and outbound email, market rate data and regional compliance feeds all run on credentials you hold. The adapters and their mock fallbacks are built, so the platform works without them; live data does not arrive until you contract with the provider.

        
**Market rate data is a subscription you buy.** Rate history and hot lanes are modelled and surfaced at the point of decision. The underlying market rate feed is a commercial agreement with a data provider, and it is the one most likely to be assumed as included.

        
**Telematics and ELD integration.** HOS logs, geofencing and GPS positions are modelled in the platform. Connecting a specific ELD or telematics vendor is an adapter implementation scoped against that vendor's API rather than something already wired.

        
**Regional compliance beyond the records.** DOT compliance records, KYC review queues and IFTA fuel reporting are built as records and workflows. Filing to a specific authority, or a jurisdiction with its own submission format, is scoped work.

        
**iOS.** The Flutter build covers 126 screens. A native iOS release with its developer account, signing and review cycle is quoted separately.

      
      
The controls that are built are real: Passport with bcrypt on session auth, JWT bearer for the API, route-level role middleware, object-level ownership checks on every load, bid, message and document, and MIME with magic-byte validation on uploads.

    
  

  
    
      
        
          Development Company
          
### See how Miracuves compares to agencies and freelancers

          
The deployment process, a modelled reference deployment for a mid-market brokerage, and what to check on the load model and the adapter layer before you hire anyone - on the Development Company page.

        
        [See the comparison →](/dat-load-board-clone/development-company/)
      
    
  

  
    
      
        FAQ
        
## Frequently Asked Questions

      
      
        
          
            Is this a load board or a TMS?
            Both, and that is the point. The board is the entry point: post, search, bid, counter-offer and assign. What makes it a platform is that the won load then dispatches to a vehicle and driver, tracks on GPS, collects a proof of delivery and raises an invoice on the same record, with a full carrier TMS underneath covering HOS, DOT compliance, fuel with IFTA reporting, maintenance and geofencing.
          
          
            How are multi-stop lanes handled?
            As child tables rather than text. A load carries pickup and delivery location records with sequence ordering, dates, times, contacts and instructions on each. That means a three-stop run can be filtered, dispatched, sequenced and invoiced correctly, which a single origin and destination field cannot support no matter what is written in the comments.
          
          
            Do I need a market rate data subscription?
            To show live market rates, yes, and that is a commercial agreement with a data provider rather than something any vendor can include. Rate history from your own platform's activity and hot lane context are built and work from your own data. The distinction matters because assuming an external rate feed is included is the most common misunderstanding in this category.
          
        
        
          
            What stops one carrier seeing another's freight?
            Object-level ownership checks on loads, bids, messages and documents, on top of route-level role middleware across admin, carrier and broker. A valid session is not enough on its own; the record itself is checked against the requester. In a marketplace where competitors share a platform that distinction is the whole security model.
          
          
            Can I change payment or SMS providers later?
            Yes, by changing an environment variable. Payments, calls and SMS, voice transcription, email, market rates and regional compliance each sit behind an adapter interface with a mock fallback. Swapping a provider does not touch domain code, which matters in freight because these contracts get renegotiated more often than the software changes.
          
          
            Does the proof of delivery hold up in a dispute?
            It is validated by MIME type and magic bytes rather than by trusting the file extension, and it is attached to the load alongside the bid history, the counter-offer rounds, the GPS record and the invoice. A payment dispute is won with that chain rather than with a photograph in somebody's phone, which is the practical argument for keeping the whole lane on one record.
          
        
      
    
  

  
    
    
      
        
## See a load go from posted to invoiced, live

Ask for the demo and we will post a multi-stop load, run a counter-offer round, dispatch it to a driver, fire a geofence alert and raise the invoice in front of you.

        [See Pricing](/dat-load-board-clone/development-cost/)[Full Overview](/dat-load-board-clone/)
      
    
  

  
    
      
        Explore
        
## Explore the DAT Load Board Clone

      
      
        [Overview](/dat-load-board-clone/)
        [Features](/dat-load-board-clone/features/)
        [Development Cost](/dat-load-board-clone/development-cost/)
        [Development Company](/dat-load-board-clone/development-company/)
        [Business Model](/dat-load-board-clone/business-model/)
      
    
  

  
    
    
      
        
## Ready to run a freight platform you actually own?

        
Deploy in six working days with the board, the carrier TMS, broker intelligence and the operator console included, your adapters pointed at your own providers, and the full source on infrastructure you own.

        [Talk to Us →](https://miracuves.com/schedule-consultation/)
      
      
        
          **Written by the Miracuves Product Team**·
          Reviewed for accuracy·
          Last updated **September 1, 2026**
        
        
          Miracuves · DAT Load Board Clone Solution
          Feature set, stack and readiness caveats cross-verified against the hub, 2026-09-01
        
      
    
  

				
				
				
				
						
					
			
						
				
					
  /* MIRACUVES - TRADEMARK / NON-AFFILIATION NOTICE (v3).
     Scoped under .mcv-tmn so it cannot collide with the hub connector (mcv-hubx-, mcv-hubxa-)
     or any block above it. Always the last block on the page, immediately before the footer.
     Structure is deliberate: one plain-language lead people actually read, then the three
     supporting positions split out so each is scannable rather than buried in a paragraph.
     Fonts are declared but not loaded: pages carrying the connector already have them, and the
     fallbacks are deliberate so this block never adds a render-blocking request. */
  .mcv-tmn{ font-family:'Plus Jakarta Sans',Arial,sans-serif; color:#191419; margin:0; padding:0; }
  .mcv-tmn *{ box-sizing:border-box; }
  .mcv-tmn-band{ background:#ffffff; padding:8px 0 76px; }
  .mcv-tmn-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
  .mcv-tmn-box{ background:#faf8f8; border:1px solid rgba(11,11,16,0.13); border-left:4px solid #a70d2a; border-radius:12px; padding:34px 38px; box-shadow:0 1px 2px rgba(25,20,25,0.04), 0 10px 30px rgba(25,20,25,0.05); }
  .mcv-tmn-head{ display:flex; align-items:center; gap:11px; margin:0 0 18px; }
  .mcv-tmn-dot{ width:8px; height:8px; background:#a70d2a; transform:rotate(45deg); flex:0 0 auto; }
  .mcv-tmn .mcv-tmn-head span.mcv-tmn-kicker{ font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#a70d2a; }
  .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ margin:0 0 24px; font-size:20px; line-height:1.5; font-weight:600; color:#191419; max-width:56ch; letter-spacing:-.01em; }
  .mcv-tmn .mcv-tmn-box b.mcv-tmn-brand{ color:#a70d2a; font-weight:700; }
  .mcv-tmn-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px 36px; padding-top:24px; border-top:1px solid rgba(11,11,16,0.11); }
  .mcv-tmn .mcv-tmn-col span.mcv-tmn-lbl{ display:block; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8a8085; margin:0 0 8px; }
  .mcv-tmn .mcv-tmn-col p{ margin:0; font-size:14px; line-height:1.7; color:#453d42; }
  .mcv-tmn-foot{ margin-top:26px; padding-top:18px; border-top:1px solid rgba(11,11,16,0.11); }
  .mcv-tmn .mcv-tmn-foot a{ font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; font-weight:600; letter-spacing:.04em; color:#a70d2a; text-decoration:none; border-bottom:1px solid rgba(167,13,42,0.32); }
  .mcv-tmn .mcv-tmn-foot a:hover{ border-bottom-color:#a70d2a; }
  @media (max-width:900px){
    .mcv-tmn-cols{ grid-template-columns:1fr; gap:22px; }
    .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ font-size:18px; }
  }
  @media (max-width:600px){
    .mcv-tmn-band{ padding:4px 0 48px; }
    .mcv-tmn-box{ padding:26px 22px; border-radius:10px; border-left-width:3px; }
    .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ font-size:17px; line-height:1.45; margin-bottom:20px; }
    .mcv-tmn .mcv-tmn-head span.mcv-tmn-kicker{ font-size:12px; letter-spacing:.16em; }
  }

  
    
      
        Disclaimer
        
Miracuves is an independent software development company. We are not affiliated with, connected to, sponsored by, or endorsed by **DAT Load Board**.

        
          
            Why this name
            
“**DAT Load Board** Clone” is used descriptively. It is how the software industry refers to building a platform with functionality similar to DAT Load Board, and how clients search for it.

          
          
            Who built this
            
The entire design and codebase is built by our own team. The product contains no code, design, graphics, or content originating from the DAT Load Board website or applications.

          
          
            Trademarks
            
**DAT Load Board** and all other third-party names and marks are the property of their respective owners, referenced here solely to describe the category of software offered.

          
        
        [Read our full Legal Notice & Disclaimer →](/disclaimer/)