Application UI Concept
A proposed look & feel for Abeyon’s web application screens: layout, color palette, typography, and visual hierarchy. Built with Section 508 accessibility in mind: WCAG AA contrast, keyboard focus states, and semantic markup.
Contract Review, Reimagined
The screen below is a working redesign concept of a contract-document review workspace, using the field structure from Abeyon’s published Clarifi and PILOT IRS work as the reference. Illustrative data shown.
| Information Identified | Contract Document | Data from FPDS-NG | Match |
|---|---|---|---|
| Contract # | 2032H518F01275 | 2032H518F01275 | Match |
| Obligated Amount | $379,000.00 | $379,000.00 | Match |
| Date Signed | 2020-04-17 | 2020-04-16 | Review |
| Mod # | P00002 | P00002 | Match |
| Contractor Name | CREATIVE SYSTEMS AND CONSULTING | CREATIVE SYSTEMS AND CONSULTING L.L.C. | Review |
| Country | US | USA | Match |
| Place of Performance | US | US | Match |
Brand-Led, AA Contrast
One accent, one confirm tone, neutral surfaces. Status is never carried by color alone: every state pairs color with a text label for Section 508.
Visual Hierarchy
Proposed Improvements
Single review surface
Document upload, extraction results, and FPDS-NG comparison live on one screen, so analysts confirm or correct without switching views.
Status you can read
Match and Review states use text badges with AA-contrast colors, keyboard focus outlines, and semantic table markup for screen readers.
Progressive disclosure
Row hover surfaces detail; deep metadata stays one click away instead of crowding the primary grid.
Responsive by default
The grid collapses to a scrollable card list under 720px, keeping field pairs aligned on tablets used in review sessions.