Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Design study: landing page mockups (pick a direction)

Abierto
#26 4 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
45/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
html
Área
design, web-dev

Línea de trabajo

Lee primero docs/overhaul/design-brief.md, docs/overhaul/colour-scheme.md y docs/overhaul/typography.md; después, revisa deedy-resume-openfont-wjl.cls en laywill/cv para comprobar el tratamiento del nombre del hero. Produce 2–3 mockups de landing page genuinamente diferentes siguiendo el prompt y termina cuando William seleccione una dirección y las decisiones elegidas se incorporen a docs/overhaul/.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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/
Lenguaje dominante
HTML
Estrellas
0
Forks
0
Merge medio
9 h 52 min
PR fusionados (30 d)
59

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de laywill/laywill.github.io

Todos los issues de laywill/laywill.github.io

Issues similares

Más issues de Design

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.