Skip to content

Add Suchmarket — hyper-maximalist fine-art UI (parallel to miniapp) - #4

Draft
mxjxn wants to merge 1 commit into
mainfrom
cursor/suchmarket-app-28f7
Draft

Add Suchmarket — hyper-maximalist fine-art UI (parallel to miniapp)#4
mxjxn wants to merge 1 commit into
mainfrom
cursor/suchmarket-app-28f7

Conversation

@mxjxn

@mxjxn mxjxn commented Jul 1, 2026

Copy link
Copy Markdown
Owner

Summary

Introduces apps/suchmarket, a new front end in the monorepo for the hyper-maximalist fine-art redesign. The existing apps/miniapp is untouched — same trading flows, separate visual identity.

What's new

Suchmarket design system

  • Baroque / salon aesthetic: obsidian velvet, imperial purple, gilded gold, champagne text
  • Typography: Cinzel, Cormorant Garamond, Playfair Display, Italiana
  • Reusable components: GildedFrame, GildedHeading, OrnateCorner, PageChrome, SiteHeader, SiteFooter

Redesigned surfaces

  • Home (/) — full maximalist salon landing with jeweled chain toggles and gilded action cards
  • Browse gallery (/browse/...) — wrapped in PageChrome with ornate loading/error states
  • Shell — sticky header, footer, and navigation chrome on all routes

Preserved from miniapp

  • All hooks, lib, API routes, buy/sell/create/pool flows copied into suchmarket
  • Runs on port 3001 (pnpm --filter @lssvm/suchmarket dev) so miniapp can stay on 3000

Monorepo fix (required for install)

  • Corrected workspace ABI dependency to @mxjxn/lssvm-abis in both miniapp and suchmarket (package name mismatch was blocking pnpm install)

Follow-ups

  • Restyle trading components (PoolDetails, Cart, CheckoutDialog) beyond the current shell
  • Extract shared hooks/ + lib/ into a package to avoid duplication
  • Tighten TypeScript in trading pages (ignoreBuildErrors is enabled temporarily)

How to run

pnpm install
pnpm --filter @lssvm/suchmarket dev
# → http://localhost:3001

Copy env vars from apps/miniapp/.env.local into apps/suchmarket/.env.local (see apps/suchmarket/ENV_VARS.md).

Open in Web Open in Cursor 

Scaffold apps/suchmarket as a parallel front end to apps/miniapp,
preserving all existing miniapp trading logic while applying a new
baroque salon design system (gilded frames, jewel-tone palette,
ornate typography).

- New design components: GildedFrame, GildedHeading, PageChrome, SiteHeader
- Redesigned home and browse gallery pages
- Runs on port 3001; miniapp unchanged on 3000
- Fix workspace ABI package name (@mxjxn/lssvm-abis) for both apps

Co-authored-by: Max Jackson <modulations@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants