Not a vector diagram. Real type at real sizes, believable records, a monospaced numeric column, layered shadows and an inner top highlight. Built in HTML and CSS so every label, number and colour stays editable, and it scales without going soft. Flat first, then tilted — hover the tilted one.
Account #4471 · Net 30
| Order | Placed | Status | Total |
|---|---|---|---|
| SO-10428 | 12 Aug | Shipped | $4,180.00 |
| SO-10426 | 11 Aug | In transit | $1,265.40 |
| SO-10419 | 08 Aug | Picking | $9,730.00 |
| SO-10411 | 05 Aug | Shipped | $2,044.80 |
| SO-10403 | 01 Aug | Shipped | $1,199.95 |
Account #4471 · Net 30
| Order | Placed | Status | Total |
|---|---|---|---|
| SO-10428 | 12 Aug | Shipped | $4,180.00 |
| SO-10426 | 11 Aug | In transit | $1,265.40 |
| SO-10419 | 08 Aug | Picking | $9,730.00 |
| SO-10411 | 05 Aug | Shipped | $2,044.80 |
| SO-10403 | 01 Aug | Shipped | $1,199.95 |