Templates

All ten card templates

Every template is a curated set of typography, colour and spacing rules. Pick one based on where the card is going and how long the content is — you can switch at any point without losing your text.

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Classic

Clean white document that stays faithful to the original Markdown. The safest choice for technical notes and documentation.

Best for · Docs, study notes, technical summaries

export.tsTypeScript

// one click, any node
const png = await nodeToPng(node, {
  scale: 3,
  format: 'png',
  cacheBust: true,
})

Crisp on every screen — 1×, 2×, 3×.

PNGSVG2× / 3×

Midnight

Dark gradient background with high-contrast syntax colours. Code blocks look like they belong.

Best for · Code snippets, developer content

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Letter

Cream paper with a serif typeface and generous leading, built for comfortable long-form reading.

Best for · Essays, book notes, long quotes

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Aurora

Colourful gradient backdrop that stands out in a crowded social feed without drowning the text.

Best for · Social posts, announcements

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Minimal

Black and white with hairline rules. Restrained, professional, and prints beautifully.

Best for · Reports, professional sharing

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Pine

Deep green with muted accents — calm enough to read for a while without eye strain.

Best for · Long-form content, reading notes

3 TIPS

Layout tricks

that make cards worth saving

One idea per card
Headline is the point
Export at 2×–3×

Chat2Card

Save · Share · Reuse

Xiaohongshu Cover

A 3:4 cover layout with an oversized title. It pulls key points out of your content automatically.

Best for · Xiaohongshu covers, carousel first slides

KEY POINTS

A 3-step card workflow

From a messy note to a finished card:

1CapturePaste or right-click any page
2TrimOne idea per card
3StylePick a template, export
4SharePNG or SVG, retina-ready

Chat2CardKey Points

Key Points

Bold bullet-first layout that compresses a long answer into a scannable list.

Best for · AI answer summaries, checklists

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Morandi

Low-saturation greys inspired by Morandi palettes. Gentle, unobtrusive, quietly tasteful.

Best for · Lifestyle content, gentle quotes

PRODUCTIVITYJul 31

Turn Long Reads into Cards People Finish

A practical framing for turning any long note into shareable cards.

Fig. 1

Walls of text lose readers in the first scroll. Slice one idea across a few cards — each self-contained, each with a clear takeaway.

Lead with the payoff, not the setup
One card = one job, no tangents
White space is part of the design

If a card needs two scrollbars, it is two cards.

4cards480words3′read

C2Chat2Card

3 min

#Markdown#Notes#Design

Tech Blue

Light blue gradient with electric-blue accents — a product-launch feel without being loud.

Best for · Product notes, release highlights

How to choose a template

If the content is technical and full of code, Midnight gives the best contrast. If it is long prose, Letter or Pine keep it readable. If it is going on Xiaohongshu, start with the Xiaohongshu cover for slide one and use Classic or Morandi for the body slides. If you are summarising an AI answer into something scannable, Key Points is usually the right call. When in doubt, Classic never looks wrong.

See how it works

Stop screenshotting. Start sharing.

Install Chat2Card and the next good answer you read is one keystroke away from being a card worth posting.

Add to Chrome — Free See how it works

Free forever · No account · Nothing uploaded