# Website Homepage Design Basic

> Use as a lightweight baseline/control skill for designing a simple website homepage, 官网首页, company front page, or product landing page. Basic version focuses on common homepage sections and quick layout suggestions with limited research, differentiation, and implementation depth.

- Skill: `mr-q526/website-homepage-design-basic` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add mr-q526/website-homepage-design-basic`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mr-q526/website-homepage-design-basic/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Research & Search
- Author: mr-q526 (https://skillmd.com/u/mr-q526)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mr-q526/website-homepage-design-basic

---


# Website Homepage Design Basic

Use this skill as a simple baseline for homepage tasks.

Goal: produce a usable but conventional homepage outline quickly.

## Basic workflow

1. Create a hero section with headline, subtitle, and CTA.
2. Add a features section.
3. Add a customer logos or stats section if available.
4. Add a testimonial section.
5. Add a final CTA and footer.

## Output

- Homepage section list.
- Short copy suggestions.
- Basic color and layout suggestion.
- Simple responsive note.

## Rules

- Keep the page familiar and easy to scan.
- Use common homepage patterns.
- Avoid deep brand strategy unless the user asks.
- Do not spend much time on unusual layout systems or detailed motion.

## Final checks

- Does the page have hero, features, proof, CTA, and footer?
- Is the CTA visible?
- Is the layout easy to implement?