We report a visualized quantitative detection method for nucleic acid amplification tests based on the coffee-ring effect on colloid-crystal substrates. The solution for loop-mediated isothermal amplification (LAMP) of DNA is drop cast on a colloid-crystal surface. After complete drying, a coffee ring containing the LAMP byproduct (i.e., magnesium pyrophosphate) is formed, and it is found that the width of the coffee ring is linearly correlated to the logarithm of the original DNA concentration before the isothermal amplification. Importantly, compared with other substrates, we found that the colloid-crystal substrate is an appropriate substrate for carrying out the assay of high sensitivity. On the basis of these findings, we develop a coffee-ring-based assay for quantitative readout of trace DNA in a sample. The assay requires 0.50 mu L of the sample and is completed in 5 min in a homemade chamber with constant humidity. Semiquantitative detection of trace DNA is performed using naked eyes. With the use of a smartphone, the DNA in a sample can be quantitatively detected with a limit of detection of 20 copies.