Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Design study: landing page mockups (pick a direction)

オープン
#26 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
45/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
html
領域
design, web-dev

調査の方向性

まず docs/overhaul/design-brief.md、docs/overhaul/colour-scheme.md、docs/overhaul/typography.md を読み、その後 laywill/cv の deedy-resume-openfont-wjl.cls を確認して、hero の名前の扱いを調べてください。prompt に従って、真に異なるランディングページのモックアップを 2~3 個作成し、William が方向性を選択し、選ばれた決定事項が docs/overhaul/ に反映されたら完了してください。

索引モデルが issue の本文から書いたものです。

説明

design needs-william

Produce 2–3 landing-page mockups for William to choose from. Read design-brief.md, colour-scheme.md, typography.md first. Check the CV name treatment in laywill/cv (deedy-resume-openfont-wjl.cls) and mirror it in the hero.

Ready-to-paste Claude Design prompt:

Design 3 alternative landing-page mockups for williamlay.co.uk, the personal site of William Lay — software engineer / DevOps / agile coach / engineering leader. Audience: recruiters clicking through from LinkedIn or a CV, deciding in seconds whether he's interesting. Primary CTA above the fold: "Connect on LinkedIn"; secondary: "Download CV".

Theme: Developer Dark Mode built strictly from the VS Code Dark+ palette — background #1E1E1E, panels #252526, text #D4D4D4, accents used semantically: keyword blue #569CD6, variable #9CDCFE, type teal #4EC9B0, function yellow #DCDCAA, string orange #CE9178, comment green #6A9955, status-bar blue #007ACC. Typography: Raleway for the name/display, Lato body, JetBrains Mono for code/IDE elements.

IDE motifs to explore (sparingly, semantically): a VS Code-style status bar as the footer, editor-tab or breadcrumb navigation, syntax-coloured skill tags, terminal prompt touches, Obsidian-style callout blocks. Layouts must be diagram-led and visually structured (Gestalt): icon grids for the toolbox/skills, a timeline for career, strong groupings over labelled sections.

Hard exclusions: no oatmeal/beige/cream backgrounds, no uppercase eyebrow labels above headings, no Inter/Roboto, no purple/violet gradients or glow effects, no symmetrical centered card grids with drop shadows. Make the three mockups genuinely different in layout strategy, not palette swaps.

Acceptance criteria

  • 2–3 mockups produced and linked here
  • William picks a direction (comment on this issue)
  • Chosen direction's decisions folded back into docs/overhaul/
主要言語
HTML
スター
0
フォーク
0
平均マージ
9時間 52分
マージ済み PR(30日)
59

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

laywill/laywill.github.io のほかの issue

laywill/laywill.github.io の issue をすべて見る

似ている issue

Design の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。