books.html

---
layout: default
title: Books
permalink: /books/
description: A list of good books on the subject of design systems. If you have any recommendations, please send me a tweet at @jadlimcaco and I will add it to the list.
---

        <article class="post post-books">

          <header class="post-header clearfix">
            <div class="post-head-wrap">
              <div class="post-head-content">
                <h1 class="post-title">{{ page.title | escape }}</h1>
                <p>A list of good books on the subject of design systems. If you have any recommendations, please send me a tweet at <a href="https://twitter.com/jadlimcaco" title="My Twitter">@jadlimcaco</a> and I will add it to the list.</p>
              </div>  
              <img class="illustration" src="{{ site.baseurl }}/images/illustration-books.svg" width="94" height="86" alt="Design System Books" />
            </div>
          </header>

          <div class="post-content">
{%- assign books = site.books | sort: 'title' %}
{%- for book in books %}
            <!-- Block -->
            <a class="block block-books" href="{{ book.link }}" title="{{ book.title }}" target="_blank">
              <div class="img-wrap">
                <img src="{{ site.baseurl }}/images/loader-books.gif" data-echo="{{ site.baseurl }}/{{ book.image }}" alt="{{ book.title }}" width="800" height="400" />
              </div>
              <div class="content">
                <h3>{{ book.author }}</h3>
                <h2>{{ book.title }}</h2>
                <p class="clamp">{{ book.description }}</p>
              </div>
            </a>
{% endfor %}
          </div>

        </article>