Design study: landing page mockups (pick a direction)
还没有人认领这个 Issue。
评估
调研方向
先阅读 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 个真正不同的 landing-page mockup,并在 William 选定一个方向且所选决策被纳入 docs/overhaul/ 后完成。
由索引模型根据 Issue 内容生成。
描述
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 分钟
- 30 天内合并 PR
- 59
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
laywill/laywill.github.io 的其他 Issue
-
design
难度 2/5 1-3 小时 新手友好度 75/100
laywill/laywill.github.io#186 ·
-
design
难度 2/5 1-3 小时 新手友好度 68/100
laywill/laywill.github.io#183 · 1 条评论 ·
-
难度 2/5 半天 新手友好度 74/100
laywill/laywill.github.io#135 ·
-
难度 2/5 1-3 小时 新手友好度 68/100
laywill/laywill.github.io#106 ·
-
infra needs-william
难度 2/5 1-3 小时 新手友好度 82/100
laywill/laywill.github.io#35 · 1 条评论 ·
查看 laywill/laywill.github.io 的全部 Issue
相似的 Issue
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
难度 1/5 1 小时以内 新手友好度 86/100
-
bug needs-triage
难度 2/5 1-3 小时 新手友好度 64/100
-
new icon permissions in review
难度 2/5 1-3 小时 新手友好度 76/100
simple-icons/simple-icons#15036 ·
-
area/components area/storybook kind/enhancement needs-info QA/dev-automation
难度 2/5 1-3 小时 新手友好度 70/100
-
bug
难度 2/5 1-3 小时 新手友好度 68/100
AvengeMedia/DankMaterialShell#3552 ·