RJ Laravel Admin · pick a direction

Which one: 1a, 1b, 2a, 2b, 3a or 3b? Or say your call for 2a.

Open as artboards → Round 2 →
Recommended: 2a · Keeps everything Frank loves in Satin Lapel (navy satin menu, buttons, 6px, Archivo + Plex) and earns its own identity from one quiet tailoring line plus a steel selection colour that stays legible at 13px / 34px density; ultra (2b) ships as a density mode, not the default.

DTC · Satin Lapel (control)

The DTC admin as shipped, rendering the same data. Every option below keeps about 90% of this.

dtc Orders index · compactdtc Order record · RJ-84213dtc Orders · phone 390

1 · Cutting Room

Satin Lapel moved onto the cutting-room floor: grey ground, white containers, the denser type scale, and its own RJ Admin wordmark.

Neutral temperature of the grey ground (#EDF0F4, Satin Lapel's own canvas) and hairlinesType scale tuned for density: 13px body, 34px rows, 20px titlesProduct mark: RJ Admin wordmark with an HQ tag; no workspace switchera / b · Neutral temperature: a = cool greys, b = warm greys
1a Orders index · compact1a Order record · RJ-842131a Orders · phone 390
1b Orders index · compact1b Order record · RJ-842131b Orders · phone 390

2 · Tape Measure

Satin Lapel's menu and buttons unchanged; a fine tape-measure line runs under the top bar and becomes the progress bar, and selection moves to a steel navy.

Micro-motif: tape-measure ticks under the top bar, on progress and on the sorted columnAccent shifted within the navy family: steel navy #2C4B86 for selection, focus and the active railIcon stroke 1.5 (DTC 1.75), lighter at densityGround: #EDF0F4 with white containers (shared)a / b · Density-tuned type scale: a = 13px body / 34px rows, b = 12.5px body / 30px rows (ultra)
2a Orders index · compact2a Order record · RJ-842132a Orders · phone 390
2b Orders index · compact2b Order record · RJ-842132b Orders · phone 390

3 · Work Ticket

Named for the ticket that travels with every garment through the factory: the navy moves into a slim header strip, the menu goes light, and a stitched seam line divides sections.

Shell: navy header strip with the mark; light grey menu with an ink railAccent shifted within the navy family: primary #16284D, selection #E8EDF7Micro-motif: stitched seam (dashed) under card headers and between menu sectionsa / b · Elevation: a = flat hairline containers, b = soft lift (DTC card shadow, raised one step)
3a Orders index · compact3a Order record · RJ-842133a Orders · phone 390
3b Orders index · compact3b Order record · RJ-842133b Orders · phone 390

Each shot: Orders index (compact) · Order RJ-84213 · phone 390. Data shaped by the admin API (mock, 2026-10-18); dotted values are examples. Menu = the live orders-role menu. Click a shot for the live frame. phone sheet.