# thedaviddias/Front-End-Design-Checklist

💎 The Design Checklist for Creative Web Designers and Patient Front-End Developers

Repository: https://github.com/thedaviddias/Front-End-Design-Checklist
Canonical: https://ross.abutalabs.com/products/front-end-design-checklist
License: CC0-1.0
License Family: permissive
Topics: frontend, front-end-development, front-end-developer-tool, guidelines, checklist, reference, web-development, lists, resources
Last push: 2024-12-10T17:02:47+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3074, "days_push": 631, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5331, forks 403 (observed 2026-08-28T04:09:15.731158+00:00)

## What it is
An exhaustive checklist of design elements that web designers and front-end developers should review before converting designs into code. It covers grids, colors, typography, navigation, images, forms, responsive design, and pre-development validation practices.

## Use cases
- review a web design handoff before coding it
- check that designers delivered all assets like fonts, colors, and icons
- improve collaboration between designers and front-end developers
- find missing responsive design specs before development
- prepare a pre-development analysis of a new design
- validate design deliverables before production launch

## When to choose
- you are a front-end developer receiving designs from a creative team
- you want a shared reference document to align designers and developers
- you need a structured pre-development review process for web projects

## When to avoid
- you need automated tooling or code rather than a manual checklist
- you are looking for a production-readiness checklist for HTML pages rather than design review
- your project is not web front-end related

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: documentation, developer-tools
- domain: web-development, web-design, frontend, tutorials
- platform: cross-platform
- tags: checklist, design-guidelines, best-practices, reference, frontend-development, web-server

## Member repositories
- thedaviddias/Front-End-Design-Checklist (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:15.731158+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:58:52.727125+00:00, confidence not recorded.
  - readme: https://github.com/thedaviddias/Front-End-Design-Checklist (fetched 2026-08-28T04:09:15.731158+00:00, sha 9c0d359fc877)
- Data as of 2026-08-30T08:39:29.467469+00:00.