Checklist Info Card Template

Turn a process into a compact, checkable card people can save and follow.

Info Cards Info cardChecklistPlanActionable
Checklist information card mockup with planning and pre-publish cards.
info-card

PRE-PUBLISH

Is this post ready?

  • Specific headline
  • Clear cover
  • Save-worthy body
  • Next action

For publishing, events, and travel plans

How to adapt it

01

Checklist title

  • Name the decision or process being checked.
02

4 to 6 items

  • Each item should be answerable with yes or no.
03

Small footer

  • Add one reminder, limit, or encouragement.

Copy and adapt

Design specs

Color values

White card

#ffffff · RGB(255, 255, 255)

Main information surface.

Deep teal

#0f766e · RGB(15, 118, 110)

Header band, check marks, and strong labels.

Mint fill

#ccfbf1 · RGB(204, 251, 241)

Soft status area or secondary block.

Lime action

#c8ff42 · RGB(200, 255, 66)

Completion marker or one priority chip.

Type and size

Card heading

  • Use a bold system sans at 28-38px, 800-900 weight, with clear sentence case rather than decorative lettering.

Checklist rows

  • Use 15-17px text, 600-750 weight for item names, and 13-14px muted helper notes when needed.

Layout rules

Information rhythm

  • Use one header, 3-5 checklist rows, and one small footer note. Avoid more than two nested levels.

Spacing

  • Use 22-28px outer padding, 10-14px row gaps, and 44-52px minimum row height so it remains touch-friendly.

Build notes

  • Works well as a 4:5 social card, printable checklist, or small dashboard widget.
  • Use left-aligned text and repeated row spacing so users can scan completion state quickly.

Replaceable parts

Checklist topic

  • Launch page
  • Trip bag
  • Cafe opening
  • Workout routine

Avoid when

  • The process has many dependencies.
  • The items require long explanations.
  • The user needs a full spreadsheet.

Variants

  • Use icons instead of bullets.
  • Group items by morning, afternoon, evening.
  • Turn each item into a carousel slide.

Usage notes

  • Make every item observable.
  • Use short verbs.
  • Keep the card printable or screenshot-friendly.

Best for

ChecklistPublishingEvent prep

Colors

Related ideas

Keep browsing similar structures, styles, and use cases.