Skip to content

design(web): share page in the home page look - #144

Merged
codemenschendev merged 1 commit into
mainfrom
design/share-page
Sep 26, 2026
Merged

codemenschendev merged 1 commit into
mainfrom
design/share-page

Conversation

@codemenschendev

Copy link
Copy Markdown
Owner

The prototype share page (/p/[id]) now follows the home page and /prototype design.

  • Head band, content card overlapping it.
  • One status card for waiting, building, revising, failed and expired; the build shows a gradient bar and step dots.
  • Ready: toolbar card with equal buttons (buy is primary), preview in a framed card.
  • Campaign parts as pill tabs; the free change as a card with the prototype form's inputs.

Markup and CSS only; polling, tracking and the sandboxed iframe are unchanged.

Checked locally against the production API (GET only): ready, failed, building (mocked) at 1440 and 375, no sideways overflow. tsc and eslint pass.

The share page is where a visitor lands after the build and where a
website preview is bought, but it was a small heading, grey text and
buttons of three different heights.

- Tinted head band like /prototype, the content card overlaps it.
- Waiting, building, revising, failed and expired are one status card
  with an icon; a build shows a gradient bar and steps with done, now
  and to-come dots. A failed or expired preview offers "build another"
  as a button instead of a bare link.
- A ready preview: a toolbar card with the hint and equal buttons (buy
  as the primary one), the preview in a framed card with a shadow.
- Campaign parts are pill tabs; the free change is a card with the same
  inputs and button as the prototype form.

Only markup and CSS changed; polling, tracking and the sandboxed iframe
are as before.

Project: Appwerk
@codemenschendev
codemenschendev merged commit 71ef0e7 into main Sep 26, 2026
2 checks passed
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.

1 participant