Spoke of ESA Ecology

Beacon Design & Prototypes

The brand language, emerging patterns, and working prototypes for the Beacon environmental-compliance platform — built on the @esa/ecology hub and themed to match Beacon's live app, in one place.

Live

Design System

The brand layer — true teal + warm grays, DM Sans type, compact form sizing, and the inherited Ecology components re-skinned for Beacon.

Open the design systemComing soon

Pattern Library

Composed, multi-component patterns — app shells, tracking tables, map & drawer flows — assembled from the system.

Preview

Prototypes

19 of 19 efforts · 83 pages

Filters
EffortTenantLatestStatus
All tenants
Help DotsIn progress
Help category pageIn progress
Release NotesIn progress
Help & GuidanceIn progress
Delta Conveyance
Action list PDFIn progress
Aldo on ListsIn progress
Commitment list PDFIn progress
Compliance Index on ListsIn progress
Compliance Index PDFIn progress
Custom Compliance Index listIn progress
Obligation list PDFIn progress
Action listIn progress
Commitment listIn progress
ListsIn progress
Obligation listIn progress
Delta Conveyance
Plans (Jamie replica)In progress
ActionsIn progress
Obligations (feed)In progress
Obligation TrackingIn progress
Obligations Registry (read-only)In progress
Project setup — Obligations (step 5)In progress
Project setup — Obligations (two-pane alternative)In progress
Obligation detail (Data Catalog)In progress
Obligations list (Data Catalog)In progress
Delta Conveyance
Daily Report ReviewIn progress
Notifications & Daily LogsIn progress
Monitoring Data catalogIn progress
Compliance DashboardIn progress
Compliance Dashboard — ObservationsIn progress
Daily ReportsIn progress
Dashboard (composable)In progress
SurveysIn progress
Delta Conveyance
Step 1 — Source DocumentsIn progress
Step 2 — CommitmentsIn progress
Step 3: Compliance IndexIn progress
All tenants
ResponseIn progress
SubmissionIn progress
SubmissionsIn progress
Delta Conveyance
Step 4 — Building the indexIn progress
Step 4 — Compliance IndexIn progress
Delta Conveyance
Step 4 — ActionsLive
Step 5 — ObligationsLive
Step 5 — Obligations by CommitmentLive
Wizard overviewLive
Beale
Permit Dashboard (phase 2)In progress
Permit Details (phase 2)In progress
CIA ReportIn progress
Constraints Cross-ReferenceIn progress
Permit MatrixIn progress
Project BoundaryIn progress
Project OverviewIn progress
Site ScreeningIn progress
Delta Conveyance
Evidence InboxIn progress
Attach Evidence of ComplianceIn progress
Delta Conveyance
Component DashboardIn progress
Components (index)In progress
All tenants
HomepageLive
All tenants
Feature FlagsLive
OperationsLive
Settings pageLive
TenantsLive
Delta Conveyance
Data model mapIn progress
Record detail pages (work breakdown)In progress
Science Plan readerIn progress
Node details (work breakdown)In progress
Study Planning (work breakdown)In progress
Science Plan (studies index)In progress
Study detail / sketchIn progress
Delta Conveyance
Project DashboardIn progress
Delta Conveyance
Site Clearance — BiologicalIn progress
Site Clearance — simplified modelIn progress
Site ClearanceIn progress
Work Area drawer — 3 structure options (specimen)In progress
Delta Conveyance
Global SearchIn progress
Prologis
Commitment detail (Data Catalog)In progress
Requirement detail — standard (Data Catalog)In progress
Source Document detail (Data Catalog)In progress
Action detail (Data Catalog)In progress
Actions list (Data Catalog)In progress
Requirement detail — streamlined (Data Catalog)In progress
Requirements list — streamlined (Data Catalog)In progress
Requirement TrackerIn progress
AWS
Permit TrackingIn progress