# Better Designed Card Templates

**URL:** <https://forums.ankiweb.net/t/better-designed-card-templates/53270>\
**Category:** Card Design\
**Created:** [December 16, 2024, 7:48pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270 "2024-12-16T19:48:11Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![guillerless](https://avatars.discourse-cdn.com/v4/letter/g/77aa72/32.png) [@guillerless](https://forums.ankiweb.net/u/guillerless)\
**Post date:** [December 16, 2024, 7:48pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/1 "2024-12-16T19:48:11Z")

</div>

Anki’s card templates are appropriate defaults, but I wish they were more interesting and readable. Other users’ designs were either too complicated or error-prone for my taste. So I made my own.

My designs are just a _little_ bit better. They’re simple and fit seamlessly with Anki’s defaults. But I tweaked them according to design best practices to be more pleasant and readable across platforms. I also have special templates for equations and coding.

You can find them in the [Better Designed Card Templates](https://ankiweb.net/shared/info/1413536373) shared deck. Would love to hear if like them, or would like me to change them.

 ![IMG_9666](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/5/7/578aa96d9fa297193b322c4b5d346e56cbbd9a44.png)

 ![IMG_9684](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/e/3/e3df3540623f3313729f88b1654165cabf0f1e38.png)

 ![Screenshot 2024-12-14 at 12.27.46 PM c](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/d/1/d1b639feb99819312e927a7c9e39c68cb9a77ee9.png)

 ![Screenshot 2024-12-14 at 12.28.41 PM](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/f/2/f2d61daad9e59ebf3e20afbfeb04689dbbaa77d3.png)

---

<div class="post-metadata">

**Author:** ![sorata](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/sorata/32/34115_2.png) [@sorata](https://forums.ankiweb.net/u/sorata)\
**Post date:** [December 16, 2024, 9:12pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/2 "2024-12-16T21:12:28Z")

</div>

They are beautiful!  
Thanks for sharing them 💙

If you’re interested, someone recently also shared a way to have [markdown support](https://forums.ankiweb.net/t/markdown-support/52895) with minimal setup. They might help with the coding cards as you don’t need to copy the syntax highlighting.

> [@guillerless](#):
>
> I find Anki’s default card template designs boring and hard to read. Other users’ designs were either too complicated or error-prone for my taste.

The default needed to be simple and also resilient against errors but that also makes it really unappealing. There was a suggestion floating around to change it and I remember both of those points were brought up.

But your code for the most part is simple and beautiful (the styling for `hr`, left-aligned text, the padding, more readable `line-height`). So hopefully, we can change the defaults to something better in the future.

---

<div class="post-metadata">

**Author:** ![guillerless](https://avatars.discourse-cdn.com/v4/letter/g/77aa72/32.png) [@guillerless](https://forums.ankiweb.net/u/guillerless)\
**Post date:** [December 16, 2024, 10:55pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/3 "2024-12-16T22:55:06Z")

</div>

Thanks so much!

I was terse with how I described the defaults. They’re appropriate for the reasons you note and because they make editing the CSS approachable. But, yeah, the tweaks you mention might still meet those requirements.

And–whoa–I would never have found that markdown solution!

---

<div class="post-metadata">

**Author:** ![guillerless](https://avatars.discourse-cdn.com/v4/letter/g/77aa72/32.png) [@guillerless](https://forums.ankiweb.net/u/guillerless)\
**Post date:** [December 16, 2024, 11:33pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/4 "2024-12-16T23:33:51Z")

</div>

I should have already noted: the best alternative I’ve found is pranavdeshai’s “[Prettify](https://github.com/pranavdeshai/anki-prettify)” designs.

---

<div class="post-metadata">

**Author:** ![dae](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/dae/32/65_2.png) [@dae](https://forums.ankiweb.net/u/dae)\
**Post date:** [December 23, 2024, 1:19pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/5 "2024-12-23T13:19:48Z")

</div>

As has been mentioned above, the default templates use very simple styling, to make it easier for people not familiar with HTML/CSS to modify the basics like font size and color. I took a brief peek at your first template, and while you’ve tried to keep things simple, it still has about 5x the amount of CSS, which I think is going to be a fair bit more daunting for people not familiar with it.

One possible way we could work around this is to make some of the styling implicit and not explicitly shown in the template. But doing so would make it harder to discover the things that had been tweaked, and has the potential to cause disruption to existing card templates.

---

<div class="post-metadata">

**Author:** ![sorata](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/sorata/32/34115_2.png) [@sorata](https://forums.ankiweb.net/u/sorata)\
**Post date:** [December 23, 2024, 1:39pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/6 "2024-12-23T13:39:17Z")

</div>

But before you go, please have a look at this post: [Modernize default card template for readability and simplicity](https://forums.ankiweb.net/t/modernize-default-card-template-for-readability-and-simplicity/53356/)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [January 22, 2025, 1:40pm UTC](https://forums.ankiweb.net/t/better-designed-card-templates/53270/7 "2025-01-22T13:40:11Z")

</div>

Closed on January 22, 2025, 1:40pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
