Skip to content

Redesign repo-to-social landing hero #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
moose-lab merged 1 commit into from
Jun 4, 2026
Merged

Redesign repo-to-social landing hero #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 14 additions & 7 deletions DESIGN.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ components:

## Overview

QuickFork is a working product surface, not a marketing brochure. The landing page should lead with the actual generation workflow: repository URL input, output options, and the generated launch package preview.
QuickFork is a working repo-to-social launch product surface, not a marketing brochure. The landing page should lead with the actual generation workflow: repository URL input, output options, and the generated social launch package preview.

## Brand & Style

Expand All @@ -89,9 +89,9 @@ Subtitle copy must be one clear sentence that states the product function. Avoid

## Layout

The Hero is a split two-panel layout. The left panel is copy and input. The right panel is product animation. Desktop ratio is 4:6.
The Hero is a split two-panel layout. The left panel is copy and input. The right panel is product animation. Desktop ratio keeps the social launch composer compact and gives the visual stage more room.

The right animation area is unframed. Do not add outer cards, padding, borders, shadows, rounded frames, badges, captions, or edge chrome around the media. Let the video itself define the visual boundary.
The right visual stage combines product playback, generated social artifact preview, and a compact output stack. The visual stage uses a grid workbench instead of overlapping output panels on top of the repository playback. Do not add decorative hero cards, badges, or explanatory chrome that competes with the actual product preview.

## Elevation & Depth

Expand All @@ -106,17 +106,24 @@ Controls use 4px radius. Repeated cards can use up to 8px radius. Hero media use
The Hero includes:

- one H1
- one functional subtitle sentence about cold-start, README, social media, PPT, and product outreach outputs
- one functional subtitle sentence about repo-to-social launch package generation
- one compact output rail naming social story, README visual, post copy, channel card, and evidence manifest
- the project launch input panel
- one short placeholder line above the Generate button: can be used to generate README, PPT, or social media launch assets
- a compact GitHub URL input paired with a short Generate button
- one short placeholder line above the Generate package button: generate a social launch story, visual, and post from one repo
- a compact GitHub URL input paired with a short Generate package button
- preset language buttons where English is selected by default and Chinese/Japanese are optional
- a ratio dropdown aligned on the same row as language controls, offering 16:9, 1:1, 4:3, 3:4, and 9:16 with 4:3 selected by default
- one unframed product animation panel

Hero generation quality is fixed to low by default and should not be exposed as a user-facing preset in this surface.

The Hero does not include secondary CTA links, capability cards, feature chips, decorative badges, quality selectors, or explanatory labels around the animation.
The Hero does not include secondary CTA links, decorative badges, quality selectors, or explanatory labels around the animation. It may include one compact output rail when the labels clarify the repo-to-social value unit.

## Pricing

Pricing is a SaaS decision surface, not a decorative final CTA. The section presents three concrete repo-to-social options: a free single-repo scan, a repeat launch package, and a team review path for source-backed approval. Each plan must show the launch boundary, included review artifacts, and a direct next action.

The pricing layout uses the same crisp grid, mono labels, 4px controls, and restrained accent system as the rest of the landing page. The recommended plan may use the dark surface; the other plans remain white workspace cards.

## Do's and Don'ts

Expand Down
14 changes: 7 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,27 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QuickFork - GitHub Repository to Launch-Ready Marketing Assets</title>
<title>QuickFork - Repo-to-Social Launch Package for GitHub Repositories</title>
<meta
name="description"
content="QuickFork turns a GitHub repository into a source-backed launch story, marketing card, localized copy, and reviewable asset package."
content="QuickFork turns a GitHub repository into a source-backed social launch story, README visual, post copy, channel card, and evidence manifest."
/>
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://seekersai.com/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="QuickFork" />
<meta property="og:title" content="QuickFork - GitHub Repository to Launch-Ready Marketing Assets" />
<meta property="og:title" content="QuickFork - Repo-to-Social Launch Package for GitHub Repositories" />
<meta
property="og:description"
content="Paste a GitHub URL and generate a source-backed launch package with story, copy, prompt, image, and QA artifacts."
content="Paste a GitHub URL and generate a source-backed social launch story, README visual, post copy, channel card, and evidence manifest."
/>
<meta property="og:url" content="https://seekersai.com/" />
<meta property="og:image" content="https://seekersai.com/examples/twvp-cover-en.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="QuickFork - GitHub Repository to Launch-Ready Marketing Assets" />
<meta name="twitter:title" content="QuickFork - Repo-to-Social Launch Package for GitHub Repositories" />
<meta
name="twitter:description"
content="Turn a GitHub repository into a credible launch story and shareable marketing asset package."
content="Turn a GitHub repository into a credible social launch package with README and channel-ready assets."
/>
<meta name="twitter:image" content="https://seekersai.com/examples/twvp-cover-en.png" />
<script type="application/ld+json">
Expand All @@ -34,7 +34,7 @@
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"url": "https://seekersai.com/",
"description": "QuickFork turns a GitHub repository into a source-backed launch story, marketing card, localized copy, and reviewable asset package.",
"description": "QuickFork turns a GitHub repository into a source-backed social launch story, README visual, post copy, channel card, and evidence manifest.",
"offers": {
"@type": "Offer",
"price": "0",
Expand Down
Loading
Loading