Pricing Section With Comparison Table

Reach for this when the visitor is choosing between four named seats and needs to see what is in and what is out, row by row. The headline and the start button sit above the matrix. Pay annually and pay monthly live in the first column, beside the prices, so the table is the decision, not a card grid. The popular column keeps a full height tint and a short banner. Checks, an editor count, and empty cells do the work. If a feature is not in a plan, leave the cell blank.

Skip it when price is metered or when you only have two or three plans that do not share a feature list. A matrix with one check on every row is a brochure. The shipped copy is a fictional publishing desk called Northlamp, so replace the plans, the save percents, the feature list, and the start link before this goes to production. The section follows light and dark from the page. The accent on the banner and the save line stays a clear blue in both.