Skip to content

بازطراحی روایت محصول و تجربه صفحه اصلی - #5

Merged
jaavid merged 6 commits into
mainfrom
design/product-narrative-audit-2026-07
Jul 30, 2026
Merged

بازطراحی روایت محصول و تجربه صفحه اصلی#5
jaavid merged 6 commits into
mainfrom
design/product-narrative-audit-2026-07

Conversation

@jaavid

Copy link
Copy Markdown
Contributor

خلاصه

این تغییر صفحه اصلی CoreLink را از یک معرفی فنی طولانی به یک مسیر روشن برای شناخت محصول و شروع پایلوت تبدیل می‌کند.

تغییرات اصلی

  • بازنویسی Hero و CTAها با تمرکز بر پایلوت و منفعت محصول
  • کاهش تراکم ناوبری و اصلاح ریتم اسکرول
  • بهبود مقیاس تایپوگرافی، عرض خطوط و فاصله‌های عمودی
  • شفاف‌سازی وضعیت SDK و ادعاهای سازگاری دستگاه
  • تبدیل بخش مسیر رشد به فرایند چهارمرحله‌ای شروع همکاری
  • بهبود focus state، تب‌های نمونه کد و محتوای صفحه‌خوان
  • به‌روزرسانی metadata و ثبت گزارش کامل ممیزی در docs

کنترل کیفیت

  • npm run lint: بدون خطا، یک هشدار موجود برای لوگوی SVG با img
  • npm run build:github: موفق
  • npm run build: در محیط محلی به فایل تولیدشونده build/sites-vite-plugin وابسته است

سند ممیزی

docs/product-design-audit-2026-07-30.md

@chatgpt-codex-connectorchatgpt-codex-connectorBot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit:1b79639ed5

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment threadapp/page.tsx
Comment on lines 142 to +145
className="header-cta"
href="https://github.com/CoreLinkPlatform"
target="_blank"
rel="noreferrer"
href="#contact"
>
<GitBranch aria-hidden="true" size={17} strokeWidth={1.8} /> GitHub{" "}
<ExternalLink aria-hidden="true" size={13} />
بررسی یک پایلوت <ArrowLeft aria-hidden="true" size={16} />

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep the pilot CTA label visible on mobile

At viewport widths up to 640px, the existing .header-cta { font-size: 0; } rule in app/globals.css hides the newly added text, leaving only an unlabeled left-arrow icon visible. Because this link now starts the pilot flow rather than opening GitHub, sighted mobile users cannot determine its purpose and may interpret it as a back control; preserve a visible label or provide a recognizable mobile treatment.

Useful? React with 👍 / 👎.

Comment threadapp/globals.css
Comment on lines +2757 to +2758
background: rgba(0, 194, 255, 0.28);
color: #fff;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep selected text readable on light sections

When users select text in the light --paper sections, this global rule composites the translucent cyan over an almost-white background while forcing the foreground to white, producing a contrast ratio of roughly 1.3:1 and making the selected content nearly disappear. Use a dark selection foreground on light sections or make the selection background sufficiently dark and opaque.

Useful? React with 👍 / 👎.

Comment threadapp/globals.css
Comment on lines +2760 to +2762
:focus-visible {
outline: 3px solid #00c2ff;
outline-offset: 4px;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Use a contrasting focus outline on light sections

For keyboard users focusing links and controls in the light problem, solution, developer, and repository sections, the new global cyan outline has only about 1.96:1 contrast against --paper (and about 1.91:1 against repository cards). This replaces the browser's native focus treatment with an indicator that is difficult to perceive on much of the page; use a darker outline in light sections while retaining cyan on dark backgrounds.

Useful? React with 👍 / 👎.

Sign up for freeto 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

@jaavid