Gapwire
Sign inStart trial
Gapwire

Design review

Weekly report designs

Start with Dispatch for the live product report, or Classic for the card-shell demo. Everything else is an experiment and stays viewable.

Open Dispatch (recommended)Start trial

  1. 1.Dispatch (product)original

    Live report UI

    What customers see: editorial masthead, do-this-first actions, Rooms, Fit topics, and one shippable brief.

    App theme · Dispatch shell · App serif + sans

  2. 2.Original (cards)

    First ship — shadcn cards

    The real original: amber demo banner, badges, stacked Cards for Summary → Reach → Attribution → Action → Topics → Gaps/Questions → Briefs. Same layout as the first live report.

    App theme · amber banner · badges · Geist (app default)

  3. 3.Briefing desk

    First redesign attempt

    Cool ink paper + amber signal (not the original). Kept for comparison.

    Cool ink · amber signal · Lora + Geist

  4. 4.Pharma leaflet

    Rx package insert

    Medication Guide layout: boxed WARNING, numbered sections, clinical white.

    White · near-black · #0A4A6E · Source Serif 4 + Source Sans 3

  5. 5.Herbarium

    Botanical specimen plate

    Pressed-plate topics, field-journal briefs, gray-green paper.

    Gray-green · lichen · sage · graphite · Fraunces + Source Sans 3

  6. 6.Railway timetable

    JR jikokuhyo / line diagram

    Topics as stations, briefs as train services, JR green.

    White · JR green · caution yellow · Archivo + Noto Sans JP + Geist Mono

More experiments