Mini Menu Price Card

How to Design a Cafe Menu Price Card

Business Design Info Cards Info cardMenuPrice listShop
Cafe menu price card mockup with aligned prices and warm paper texture.
info-card

MENU

Weekend Specials

  • Pour-over coffee 32
  • Lemon pound cake 28
  • Tea set for two 88

Less text, easier price scanning

How to adapt it

01

Small heading

  • Name the menu scope: weekend, lunch, starter, package.
02

Name + price rows

  • Keep item names short and align the prices.
03

One note

  • Add availability, serving size, or booking rule.

Copy and adapt

Design specs

Color values

Menu cream

#fffaf0 · RGB(255, 250, 240)

Paper background and generous breathing space.

Coffee ink

#3f2f29 · RGB(63, 47, 41)

Menu names, prices, and borders.

Toast brown

#c08457 · RGB(192, 132, 87)

Category label or secondary rule line.

Tomato accent

#ff4b2f · RGB(255, 75, 47)

One special item, badge, or limited-time marker.

Type and size

Menu title

  • Use a warm serif or sturdy grotesk at 32-44px, 800-900 weight, with compact letter spacing.

Price rows

  • Use 16-19px text, 650-800 weight, and align prices in a separate right column.

Layout rules

Card ratio

  • Use 4:5, 3:4, or A6-style vertical cards. Keep the price column about 22-28% of the width.

Spacing

  • Use 28-36px padding, 12-16px between rows, and 18-22px between groups.

Build notes

  • Suitable for printed counter cards, cafe Instagram posts, and service price cards.
  • If there are more than six items, split into two cards instead of shrinking the text.

Replaceable parts

Menu scope

  • Lunch set
  • Starter plan
  • Workshop package
  • Holiday special

Avoid when

  • There are too many options.
  • Prices change frequently.
  • Users need filtering or comparison tables.

Variants

  • Turn it into a services card.
  • Use it for a course pricing section.
  • Use it as a printed counter card.

Usage notes

  • Align prices vertically.
  • Use one accent for the special item.
  • Do not hide the price.

Best for

MenuSmall shopService

Colors

Related ideas

Keep browsing similar structures, styles, and use cases.