Design study: landing page mockups (pick a direction)
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 45/100
Direzione di ricerca
Leggi prima docs/overhaul/design-brief.md, docs/overhaul/colour-scheme.md e docs/overhaul/typography.md, poi controlla deedy-resume-openfont-wjl.cls in laywill/cv per il trattamento del nome nell’hero. Produci 2–3 mockup di landing page genuinamente diversi seguendo il prompt e termina quando William avrà scelto una direzione e le decisioni selezionate saranno state integrate in docs/overhaul/.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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/
- Lingua principale
- HTML
- Stelle
- 0
- Fork
- 0
- Merge medio
- 9h 52m
- PR unite (30g)
- 59
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di laywill/laywill.github.io
-
design
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
laywill/laywill.github.io#186 ·
-
design
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
laywill/laywill.github.io#183 · 1 commento ·
-
Difficoltà 2/5 Mezza giornata Idoneità per principianti 74/100
laywill/laywill.github.io#135 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
laywill/laywill.github.io#106 ·
-
infra needs-william
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
laywill/laywill.github.io#35 · 1 commento ·
Tutte le issue di laywill/laywill.github.io
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
area/busola/ux
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
kyma-project/busola#5344 ·
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
Binaryify/OneDark-Pro#900 · 1 commento ·