feat(market): add site icons and tighten the marketplace visuals - #1930
Merged
Conversation
The marketplace web had no favicon at all, oversized type and spacing, a card crop that disagreed with the desktop client, no favourite metric on catalog cards, and hero copy that never explained what a MiniApp is. - Add a favicon set built from one SVG source: an isometric BitFun cube that stays readable at 16px, plus ico/apple-touch/192/512 rasters and a web manifest. Icon links carry the /miniapp/ prefix because the site is not served from the domain root. - Rescale the type, spacing, radii and shadow tokens. The hero headline drops from a 72px maximum to 45px, cards lose their 380px floor, and the diffuse 30px/90px shadows become layered 1-3px ones. - Crop card visuals, the detail gallery and review screenshots to 16:9, matching .miniapp-market-card__visual in the desktop client so one screenshot frames identically in both surfaces. - Show the heart and favourite count on catalog cards, and the count on the detail favourite button, mirroring the desktop card stats. - Rewrite the hero, trust row and catalog copy across en-US, zh-CN and zh-TW so it names what a MiniApp does and what it may reach, instead of describing the marketplace in the abstract.
Keep the visual polish (favicon, tighter layout, 16:9 screenshots, favorite counts) but restore the original marketing copy.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
https://market.openbitfun.com/miniapp/had no favicon, elements sized well above what the layout needed, a card crop that disagreed with the desktop client, no favourite metric on catalog cards, and hero copy that never said what a MiniApp is.What changed
Site icons.
public/favicon.svgis the single source: a simplified isometric BitFun cube that survives 16px.favicon.ico,apple-touch-icon.png,icon-192.pngandicon-512.pngare rasterised from the same geometry, with the seam dropped and the cube grown at small sizes so the three faces stay separable. Icon links carry the/miniapp/prefix — the site is not at the domain root, so the browser's default/favicon.icoprobe is 404'd by nginx.Scale. Type, spacing, radii and shadows all came down. Hero headline
72px → 45pxmax, cards lose their380pxfloor, radii8/12/16/20 → 6/9/12/16, and the diffuse0 30px 90pxshadows become layered 1–3px ones. Body copy sits at 14px with-webkit-font-smoothing: antialiased, stat rows use tabular numerals, and the page grid drops from 32px/5.5% to 44px/3.2% so it stops competing with content.16:9 crops.
.card-visual,.detail-galleryand review screenshots now useaspect-ratio: 16 / 9, matching.miniapp-market-card__visualinsrc/web-ui/src/app/scenes/miniapps/views/MiniAppMarketView.scss. Publishers upload anything from 3:2 to 16:9, so before this the same screenshot was framed differently on the web and in the client.Favourites. Catalog cards show the heart and count next to rating and downloads, mirroring the desktop card stats —
favoriteCount/isFavoritedwere already onMarketListingSummary. Display-only, as in the client; the interactive toggle stays on the detail page, which now also shows the count. The card topline swapsBitFun 0.2.15+for the release number to make room.Copy. Hero, trust row and catalog intro rewritten across
en-US,zh-CNandzh-TW. The headline is nowThe small tools your workspace was missing.and the intro names concrete MiniApps and what they may reach — files, models, agents — rather than describing the marketplace in the abstract.Verification
pnpm run type-check:miniapp-market,test:miniapp-market(9 passed),build:miniapp-marketpnpm run i18n:contract:test(37 passed),pnpm run i18n:audit(0 warnings)pnpm run theme:color-audit:allNote
/favicon.icoat the domain root still 404s: the nginx vhost only routes/,/miniappand/miniapp/. Every browser uses the explicit<link rel="icon">instead, so this only affects clients that probe the root. Fixing it needs an nginx change, which is a separate deploy path from the container rebuild.