Tablet — Data tables, in graphite (minimal monochrome data-table prompt page)

Summary

A restrained, monochrome single-page prompt-library layout for a transactions data table. Graphite ink (#1c1c1e) on warm off-white paper (#f6f5f3), hairline 1px/8%-ink dividers, no zebra striping, generous 16px row padding, quiet uppercase sortable headers with only the active sort column in full ink, and a single platinum (#c7c7cc) accent reserved for the in-flight processing state. Inter for UI, JetBrains Mono for figures and code.

Style

Calm, premium, deliberate monochrome. Everything is graphite ink on warm paper; the only non-grey moment is a platinum accent on the in-flight row. Hairlines instead of heavy borders, a faint dot-grain texture on the page, soft long-shadow lift on the table card, and tight negative letter-spacing on display type.

Layout & Structure

Single-column, centered max-w-6xl content column, full-bleed section bands alternating paper and card. Order: sticky translucent nav, full-bleed hero, centered table preview, full-bleed anatomy band (4-up grid), a 5-col prompt+palette split, a dark full-bleed CTA, and a slim footer. Mobile reflows the table into a horizontal-scroll region with a right-edge fade hint; multi-column grids collapse to one column.

Sticky nav

Hero

Table preview

Anatomy band

Prompt + palette split

Dark CTA

Footer

Special Notes

Monochrome discipline is the whole point: do not introduce any hue except the single platinum accent, and reserve that accent strictly for the in-flight 'processing' state. Keep borders as hairlines, never solid heavy lines. Right-align and monospace all numeric/amount cells. Display type must carry tight negative tracking (-0.035em); body stays at graphite-500 so the active sort column and amounts read as the darkest ink on screen. Keep the faint dot-grain and the inverted graphite selection color, they sell the 'premium, deliberate' feel.