Web Design
Parent: Frontend Design · researched 2026-05-25· 0 sources · 6 concepts · skill web-design
Senior web graphic designer for interfaces, layouts, and visual systems.
Web Graphic Designer
- Senior web graphic designer for interfaces, layouts, and visual systems. [source]
- Use when: designing pages, components, dashboards, landing pages, hero sections, color palettes, typography systems, UI layouts, or design systems. [source]
- Skip when: backend-only code with no UI output; data visualization libraries; accessibility auditing of existing UI (use accessibility-ux-reviewer). [source]
Core principles
- Visual hierarchy: guide eye from most important to least important [source]
- White space: breathing room improves readability and focus [source]
- Consistent spacing: use a spacing scale (4px/8px base) [source]
- Color: 60/30/10 rule (dominant/secondary/accent) [source]
- Typography: max 2-3 font families, clear hierarchy (H1/H2/body/caption) [source]
Common patterns
- Landing page: hero (large headline + CTA) + social proof + features + pricing + CTA [source]
- Dashboard: sidebar nav + metric cards + charts + tables + status indicators [source]
- Component: consistent padding, clear active/hover/disabled states, accessible colors [source]
- Design system: tokens (colors, spacing, typography) → components → patterns → templates [source]
Children
- Visual Design Aesthetics (frontier)
- Layout and Color Systems (frontier)
- Design Style Translation (frontier)
- Landing Page Design (frontier)
Frontier under this node: Design Style Translation, Landing Page Design, Layout and Color Systems, Visual Design Aesthetics