JESCO Construction — Design System v2.0

Design System v2.0

JESCO
Component Library

A precision-built design system for JESCO Construction — reflecting the authority of a US Government approved Classified DoD contractor operating on every inhabited continent.

Inter 4px grid WCAG AA Mobile-first DoD Certified Navy + Steel Blue + Gold

01 — Tokens

Colour Palette

All colours are CSS custom properties. Never hardcode hex values — use token names throughout. Deep Navy anchors authority; Action Blue drives interaction; Gold signals credentialing and achievement. Ice and Surface whites provide clean contrast for content-heavy layouts.

Navy & Brand

Navy Deep--color-navy-deep · #0B1F3A
Navy Mid--color-navy-mid · #122947
Navy Tint--color-navy-tint · #1A3558
Steel--color-steel · #1B4F8A
Action Blue (Primary)--color-action · #3A8FD4

Gold Accent

Gold--color-gold · #C8A84B
Gold Hover--color-gold-hover · #B8953A
Gold Active--color-gold-active · #A48230

Ice & Surface Neutrals

Ice--color-ice · #E8F2FA
Ice Mid--color-ice-mid · #D4E6F5
Surface--color-surface · #F4F7FB
Text Muted--color-text-muted · #5A7A9A
Text Secondary--color-text-secondary · #2C4A6E

Semantic / Status

Error#C62828
Success#1A7A3A
Warning#8C6000
Info#1B4F8A

02 — Tokens

Typography

H1 / Display40px · 700 · -0.5px ls

Built for the World's Hardest Missions

H2 / Section28px · 700 · 1.2 lh

Marine & Port Infrastructure

H3 / Subheading22px · 700 · 1.3 lh

DoD Classified Contractor

H4 / Card Title18px · 700 · 1.3 lh

US Government Approved

Body16px · 400 · 1.65 lh

JESCO Construction Corporation — a 56-year legacy civil engineering and design-build company, one of the largest certified DoD contractors in the United States, with a global workforce exceeding 17,700.

Body Small15px · 400 · muted

Secondary text, helper copy, card descriptions. Slightly muted to support primary content hierarchy.

Button / Label14px · 500
Request a Quote
Eyebrow / Tag11px · 700 · caps · 0.1em ls
Service-Disabled Veteran · DoD Certified · ZPMC JV Partner
Caption12px · 400 · muted
Belle Chasse, LA · Est. 1969 · JescoConstruction.com
Code / Token12px · Courier New
--color-action

03 — Components

Buttons

Primary — Action Blue

Gold — Secondary CTA

Outline — Action Blue

Outline — Steel

Navy (high-authority)

Ghost

On Dark Background

Disabled States

04 — Components

Badges

All Badge Variants

Action Blue Gold Steel Navy Ice Verified Pending On Hold In Transit Archived

In Context — Project Table Row

Palm Jumeirah — Dubai Materials Management Marine Completed
Forward Operating Base Middle East · DoD Contract Military Active
Container Terminal Yard Americas · ZPMC JV ZPMC JV Procurement

05 — Components

Cards

Default Card

Gulf Coast Marine Contract

Largest marine construction contract in Gulf Coast history. Secured by John E. Shavers in 1971, Mississippi.

Marine

Surface Card

Service-Disabled Veteran Owned

56-year legacy company founded and solely owned by Mr. John E. Shavers. Diversity score of 33.

SDVOB

Elevated Card

ZPMC Joint Venture

Exclusive JV with the world's largest heavy industries company — Americas exclusivity for marine and port projects.

Marine

Action Alert Card

New Project Enquiry

Review incoming scope documents for the port terminal project in the Gulf of Mexico.

Steel Info Card

Compliance Update

DoD certification renewal documents are due within 30 days. Review attached checklist.

Navy Dark Card

DoD Certification

US Government approved Classified Contractor — one of the largest certified DoD contractors in the United States.

Certified

Navy Tint Card

Palm Jumeirah Project

JESCO delivered materials management for the single largest project in the history of the Middle East.

Record-Breaking

Capability Card (top accent)

⚓

Marine & Ports

Terminals, harbours, and one of the largest private Gulf marine fleets in the United States.

06 — Components

Forms & Inputs

Text Inputs

Registered company or organisation name.
Please enter a valid email address.
✓ Email address verified.

Select, Textarea & Toggles

08 — Components

Tabs

JESCO Construction Corporation — a 56-year-old Service-Disabled Veteran and diversity-qualified Native American Owned company. US Government approved Classified Contractor for the Department of Defense. Active design-build operations on every continent except Antarctica.
Global team exceeding 17,700 employees — over 2,700 domestic, 15,000+ international. One of the largest privately-owned marine fleets in the Gulf. $1.2 Billion USD bonding capacity. Impeccable safety rating with no material litigation.
Portfolio spans marine terminals, military installations, nuclear power, roads & bridges, railways, environmental remediation, and multinational logistics. Notable: largest project in Middle East history (Palm Jumeirah materials management). Over 180 DoD projects delivered.
Department of Defense Classified Contractor ✓  |  Service-Disabled Veteran Owned ✓  |  Native American Enterprise ✓  |  ZPMC Exclusive JV Partner ✓  |  100+ FEMA Certifications ✓  |  Diversity Score 33 ✓

09 — Components

Alerts

🏗️

New Project Enquiry

A new quote request has been submitted for a marine terminal project in the Gulf of Mexico. Review scope documents attached.

✅

Contract Awarded

DoD design-build contract BUD-JESCO-2026-044 has been formally awarded. Mobilisation can begin within 30 days.

⚠️

Document Expiring

Certification HC-229 expires in 12 days. Upload a renewed certificate to avoid procurement delays.

🚫

Compliance Issue

Vessel registration not found in registry. Shipment cannot proceed until the IMO number is verified.

ℹ️

ZPMC JV Update

New scope briefing for the Americas container terminal project has been shared with the joint venture team.

10 — Components

Data Table

Project Location Sector Contract Type Status Actions
Palm Jumeirah Materials Management Dubai, UAE Marine Logistics Completed
Forward Operating Base Middle East Military DoD Design-Build Active
Gulf Coast Marine Terminal Mississippi, USA Marine General Contract Completed
Container Terminal Yard — ZPMC JV Americas ZPMC JV Joint Venture Procurement

12 — Tokens

Spacing Scale

4px Base Grid

4px · --space-1 · micro
8px · --space-2 · xs
12px · --space-3 · sm
16px · --space-4 · md (default)
20px · --space-5 · lg
24px · --space-6 · xl
32px · --space-8 · 2xl
40px · --space-10 · 3xl
48px · --space-12 · section internal
60px · --space-15 · hero padding
80px · --space-20 · section break

13 — Tokens

Elevation & Shadows

Flat (0)

box-shadow: none

Disabled, filled backgrounds

Raised (1)

0px 1px 3px rgba(11,31,58,.08)

Default cards

Lifted (2)

0px 2px 8px rgba(11,31,58,.12)

Card hover states

Floating (3)

0px 4px 16px rgba(11,31,58,.14)

Elevated cards

Hovering (4)

0px 8px 28px rgba(11,31,58,.18)

Modals, dropdowns

14 — Page Patterns

Page Section Components

Hero Section

Service-Disabled Veteran · DoD Certified · 17,700 Employees

Built to Spec.
Delivered on Mission.

A US Government approved Classified Contractor — engineering and constructing the world's most complex infrastructure projects across every inhabited continent since 1969.

1969
Founded
17,700+
Global employees
DoD
Classified contractor
ZPMC
Exclusive JV partner

Feature Grid (3-column)

⚓

Marine & Port Infrastructure

Terminals, harbours, breakwaters, and one of the largest privately-owned marine fleets in the Gulf of Mexico.

🛡️

Military Installations

US Government approved Classified Contractor. DoD design-build including active conflict zone construction.

🌿

Environmental Division

100+ FEMA certifications. Groundwater, air quality, hazardous remediation, and disaster response.

Stats / KPI Row

Global Workforce

17,700+

▲ 2,700 domestic

Bonding Capacity

$1.2B

▲ USD · Any magnitude

FEMA Certifications

100+

▲ Disaster response

Years Operating

56

▲ Est. 1969

JESCO Construction Design System v2.0 · Inter · 4px grid · WCAG AA · Navy + Steel Blue + Gold · DoD Authority Palette