SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-cva-camera-evidence
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Single-column editorial evidence block: orange rule, eyebrow, large Georgia/Times New Roman headline in one consistent navy treatment, body, divider, muted closer.
When to use
Editorial single-column differentiator block (e.g. traffic-camera evidence narrative).
Source skill
Rules (one per line, leading dash optional)
- Foundry orange `#D97706` is for text, borders (up to 4px), dividers, and icon strokes only -- never a background fill. The orange rule bar (`height:3px`) follows this rule. Headline text stays one-color navy with no inline italic/orange emphasis. - No em dashes in body copy. Production copy should follow the firm's em-dash style guide. - Phone number lives in `tel:` href only. Button label is text, never the phone number itself. - Fonts: Poppins (eyebrow, body, closer) + Georgia/Times New Roman (headline). The host page must load the Google Fonts link below. - Text always full opacity per sa-brand-decisions §3. - This is the VISUAL TRUTH SOURCE for SAIL Design Foundation v1 -- do not redesign or recolor. **Google Fonts (host page must load):** `https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap`
Live reference URL
Deployment notes
Packaged from the commercial-vehicle-accidents page. Host page must load the Poppins Google Fonts link. VISUAL TRUTH SOURCE for SAIL Design Foundation v1 -- do not redesign or recolor.
HTML
<!-- ==================== TRAFFIC CAMERA EVIDENCE ==================== --> <section class="sail-evidence-section" aria-labelledby="cva-cam-h"> <div class="sail-evidence-inner"> <div class="sail-evidence-rule" aria-hidden="true"></div> <h2 id="cva-cam-h" class="sail-evidence-headline">We pay for direct access to Kentucky traffic-camera footage.</h2> <div class="sail-evidence-body"> <p>Most firms wait for the police report. By the time it lands, the cameras that watched the crash have already overwritten the file. Kentucky's <a href="https://trimarc.org/" target="_blank" rel="noopener">TRIMARC</a> system clears most general recordings on a rolling window, fine if your crash is Tuesday morning and your firm is on it Tuesday afternoon, not fine if anyone waits.</p> <p>We hold an attorney-tier subscription that lets us request footage directly, without routing through a public-records officer and a 30-day queue. A commercial vehicle on I-65, I-64, I-71, the Watterson, or any state-monitored corridor stands a real chance of being on camera. We will know within days whether the file still exists, and preserve it before anyone else asks.</p> </div> <hr class="sail-evidence-divider" aria-hidden="true"> <p class="sail-evidence-closer">Camera access alone does not win a case. But losing the footage closes off one of the cleanest pieces of proof a Kentucky jury ever sees.</p> </div> </section>
CSS
:root{ --sail-navy:#0B212D; --sail-navy-deep:#0a1520; --sail-orange:#D97706; --sail-orange-deep:#B45309; --sail-white:#fff; --sail-ink-light:#f7f9fa; --sail-mute:#5a6770; --sail-rule:rgba(11,33,45,.12); --card-border:#E5E9EC; --font-display:Georgia,'Times New Roman',serif; --font-ui:'Poppins',system-ui,sans-serif; --container:1180px; } /* ---------- Traffic camera editorial (block) ---------- */ .sail-evidence-section{background:#fff;padding:clamp(64px,9vw,112px) 24px;} .sail-evidence-inner{max-width:860px;margin:0 auto;} .sail-evidence-rule{width:100px;height:3px;background:var(--sail-orange);margin:0 auto 28px;border-radius:2px;} .sail-evidence-eyebrow{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;} .sail-evidence-headline{font-family:var(--font-display),Georgia,'Times New Roman',Times,serif;font-weight:500;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.01em;margin:0 0 32px;text-wrap:balance;} .sail-evidence-body p{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.7;margin:0 0 22px;} .sail-evidence-divider{height:1px;background:var(--sail-rule);border:0;margin:36px 0 28px;} .sail-evidence-closer{font-family:var(--font-ui),'Poppins',sans-serif;font-weight:400;font-size:16px;line-height:1.65;color:var(--sail-mute);margin:0;} @media(max-width:768px){.sail-evidence-inner{text-align:center;}} /* === ALL-CAPS + CENTERED (sa-copywriting §2, SCOPED 2026-06-10) === */ .sail-evidence-section h1,.sail-evidence-section h2,.sail-evidence-section h3{text-transform:uppercase !important;text-align:center !important;} .sail-evidence-section .cva-btn,.sail-evidence-section .cva-btn--primary,.sail-evidence-section .cva-btn--ghost,.sail-evidence-section .sa-cta-banner-btn,.sail-evidence-section .sa-sidebar-btn,.sail-evidence-section .sa-side-btn,.sail-evidence-section .sa-submit-btn,.sail-evidence-section .sa-bsg-cta,.sail-evidence-section .sa-hero-cta,.sail-evidence-section .sa-partner-btn,.sail-evidence-section .sa-btn,.sail-evidence-section .sa-cta,.sail-evidence-section .sa-cta-btn,.sail-evidence-section .btn{text-transform:uppercase !important;text-align:center !important;}
Save changes
Cancel