Books from Poland UI

Design System

Reusable WordPress blocks for Figma colors, typography, buttons, tags, icons, tiles, and carousel controls.

Colors

Core

White

#FFFFFF

<div class="bg-white"></div>

Black 1

#000000

<div class="bg-ink-1"></div>

Black 2

#505050

<div class="bg-ink-2"></div>

Black 3

#868686

<div class="bg-ink-3"></div>

Black 4

#C0C0C0

<div class="bg-ink-4"></div>

Black 5

#F2F2F2

<div class="bg-ink-5"></div>

Brand

Blue 1

#0052FE

<div class="bg-blue"></div>

Blue 2

#0042CC

<div class="bg-blue-2"></div>

Blue 3

#0000B9

<div class="bg-blue-3"></div>

Red 1

#FF0032

<div class="bg-red"></div>

Red 2

#CF0029

<div class="bg-red-2"></div>

Red 6

#FFE8DF

<div class="bg-red-6"></div>

Green 1

#01C886

<div class="bg-green"></div>

Green 2

#00B176

<div class="bg-green-2"></div>

Beige

Beige 1

#E9E7DF

<div class="bg-beige-1"></div>

Beige 2

#E4E2D8

<div class="bg-beige-2"></div>

Beige 3

#D6D1C3

<div class="bg-beige-3"></div>

Beige 4

#D0CABB

<div class="bg-beige-4"></div>

Beige 5

#A39F92

<div class="bg-beige-5"></div>

Beige 6

#676767

<div class="bg-beige-6"></div>

Typography

Books from Poland

<h1 class="type-h1">Books from Poland</h1>

Polish literature abroad

<h2 class="type-h2">Polish literature abroad</h2>

Global publishing community

<h3 class="type-h3">Global publishing community</h3>

H3 medium

Global publishing community

<h3 class="type-h3 type-medium">Global publishing community</h3>

Exceptional Polish authors

<h4 class="type-h4">Exceptional Polish authors</h4>

H4 medium

Exceptional Polish authors

<h4 class="type-h4 type-medium">Exceptional Polish authors</h4>

Rights catalogue

<h5 class="type-h5">Rights catalogue</h5>

H5 medium

Rights catalogue

<h5 class="type-h5 type-medium">Rights catalogue</h5>

Fiction & Non-fiction

<h6 class="type-h6">Fiction & Non-fiction</h6>

H6 medium

Fiction & Non-fiction

<h6 class="type-h6 type-medium">Fiction & Non-fiction</h6>

News

<p class="type-h7">News</p>

H7 medium

News

<p class="type-h7 type-medium">News</p>

Sentient display copy

<p class="type-d1">Sentient display copy</p>

Literature connects readers.

<p class="type-d2">Literature connects readers.</p>

Curated titles for publishers.

<p class="type-d3">Curated titles for publishers.</p>

D3 italic

Curated titles for publishers.

<p class="type-d3-italic">Curated titles for publishers.</p>

Display copy for smaller layouts.

<p class="type-d4">Display copy for smaller layouts.</p>

Lead and telephone copy.

<p class="type-d5">Lead and telephone copy.</p>

D5 medium

Lead and telephone copy.

<p class="type-d5 type-medium">Lead and telephone copy.</p>

Small display copy.

<p class="type-d6">Small display copy.</p>

D6 medium

Small display copy.

<p class="type-d6 type-medium">Small display copy.</p>

We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.

<p class="type-p1">We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.</p>

P1 medium

We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.

<p class="type-p1 type-medium">We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.</p>

P1 bold italic

We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.

<p class="type-p1 type-bold-italic">We promote Polish literature internationally by connecting the global publishing community with exceptional Polish authors.</p>

Translation grants, catalogues, events, contacts.

<p class="type-p2">Translation grants, catalogues, events, contacts.</p>

P2 medium

Translation grants, catalogues, events, contacts.

<p class="type-p2 type-medium">Translation grants, catalogues, events, contacts.</p>

P2 bold italic

Translation grants, catalogues, events, contacts.

<p class="type-p2 type-bold-italic">Translation grants, catalogues, events, contacts.</p>

New books selected by editors.

<p class="type-p3">New books selected by editors.</p>

P3 medium

New books selected by editors.

<p class="type-p3 type-medium">New books selected by editors.</p>

P3 bold italic

New books selected by editors.

<p class="type-p3 type-bold-italic">New books selected by editors.</p>

<p class="type-p4">Read more</p>

P4 medium

<p class="type-p4 type-medium">Read more</p>

P4 bold italic

<p class="type-p4 type-bold-italic">Read more</p>

Buttons

Primary

Learn About Us

<a class="button button--primary button--large" href="#">Learn About Us<span class="icon icon--arrow-right" aria-hidden="true"></span></a>

Secondary

Learn About Us

<a class="button button--secondary button--large" href="#">Learn About Us<span class="icon icon--arrow-right" aria-hidden="true"></span></a>

Link

Learn About Us Learn About Us Learn About Us

<a class="button button--link button--large" href="#">Learn About Us<span class="icon icon--arrow-right" aria-hidden="true"></span></a>

Tiles

Book

Fiction

Noc apokalipsy

Night of the Apocalypse Szczepan Twardoch Wydawnictwo Literackie A sweeping portrait of Warsaw on the eve of WWII, built like the best European crime fiction. read more

<article class="tile tile--book">
  <a class="tile__anchor" href="#">
    <span class="tile__cover"><img src="cover.jpg" alt="" width="185" height="292"></span>
    <span class="tile__content">
      <span class="tag tag--blue">Fiction</span>
      <h2 class="tile__title"><span>Title</span></h2>
      <span class="tile__subtitle">English title</span>
      <span class="tile__author">Author</span>
      <span class="tile__divider" aria-hidden="true"></span>
      <span class="tile__publisher">Publisher</span>
      <span class="tile__excerpt">Excerpt</span>
      <span class="tile__link">read more<img src="plus.svg" alt="" aria-hidden="true"></span>
    </span>
  </a>
</article>

Catalogue

Literary translators working with Polish literature

2025

download PDF

<article class="tile tile--catalogue">
  <a class="tile__anchor" href="#">
    <span class="tile__cover"><img src="catalogue.jpg" alt="" width="179" height="251"></span>
    <span class="tile__content">
      <h3><span>Catalogue title</span></h3>
      <p>2025</p>
      <span class="tile__download">download PDF<img src="download.svg" alt="" aria-hidden="true"></span>
    </span>
  </a>
</article>

Person

Jennifer Croft

English ↔ Polish

Translator of Nobel Prize-winning works and contemporary Polish literature.

18 books translated

View profile

<article class="tile tile--person">
  <a class="tile__image" href="#"><img src="person.jpg" alt="" width="375" height="488"></a>
  <div class="tile__content">
    <div class="tile__heading"><h3><a href="#">Name</a></h3><p class="tile__languages">English - Polish</p></div>
    <p class="tile__bio">Bio</p>
    <p class="tile__meta">18 books translated</p>
    <a class="tile__link" href="#">View profile<img src="plus.svg" alt="" aria-hidden="true"></a>
  </div>
</article>

Team member

Marta Skibińska

Deputy Director

Translation Programme, international partnerships

(+48) 12 61 71 900 biuro@instytutksiazki.pl

<article class="team-tile">
  <div class="team-tile__image"><img src="person.jpg" alt="" width="326" height="424"></div>
  <div class="team-tile__content">
    <div class="team-tile__heading"><h3 class="team-tile__name">Name</h3><p class="team-tile__position">Position</p></div>
    <span class="team-tile__divider" aria-hidden="true"></span>
    <p class="team-tile__areas">Area of responsibility</p>
    <span class="team-tile__divider" aria-hidden="true"></span>
    <div class="team-tile__contact">
      <a class="team-tile__contact-link" href="tel:...">(+48) 12 61 71 900</a>
      <a class="team-tile__contact-link" href="mailto:...">biuro@instytutksiazki.pl</a>
    </div>
  </div>
</article>

Programme card

Co-financing for foreign publishers covering translation costs, rights purchase, and production. Learn more

<article>
  <a class="about-grant-card" href="#">
    <span class="about-grant-card__top">
      <h3 class="about-grant-card__title">Programme name</h3>
      <span class="about-grant-card__text">Short description</span>
    </span>
    <span class="about-grant-card__link">Learn more<img src="plus.svg" alt="" aria-hidden="true"></span>
  </a>
</article>

Carousel controls

Counter

<div class="carousel-controls splide__arrows">
  <button class="carousel-controls__arrow carousel-controls__arrow--prev splide__arrow splide__arrow--prev" type="button" aria-label="Previous"></button>
  <span class="carousel-controls__counter" aria-hidden="true">1/3</span>
  <button class="carousel-controls__arrow splide__arrow splide__arrow--next" type="button" aria-label="Next"></button>
</div>

Arrows only

<div class="carousel-arrows">
  <button class="carousel-controls__arrow carousel-controls__arrow--prev" type="button" aria-label="Previous"></button>
  <button class="carousel-controls__arrow" type="button" aria-label="Next"></button>
</div>

Select

Default

Author

ik_select([
  'id' => 'author',
  'name' => 'author',
  'label' => 'Author',
  'placeholder' => 'Select author',
  'navigate' => false, // true to use option values as URLs
  'options' => [
    ['label' => 'Olga Tokarczuk', 'value' => 'olga-tokarczuk'],
    ['label' => 'Stanisław Lem', 'value' => 'stanislaw-lem'],
  ],
]);

Icons

<span class="icon icon--arrow-right" aria-hidden="true"></span>

Design System

Colors

Core

White

Black 1

Black 2

Black 3

Black 4

Black 5

Brand

Blue 1

Blue 2

Blue 3

Red 1

Red 2

Red 6

Green 1

Green 2

Beige

Beige 1

Beige 2

Beige 3

Beige 4

Beige 5

Beige 6

Typography

Books from Poland

Polish literature abroad

Global publishing community

Global publishing community

Exceptional Polish authors

Exceptional Polish authors

Rights catalogue

Rights catalogue

Fiction & Non-fiction

Fiction & Non-fiction

Buttons

Primary

Secondary

Link

Tiles

Book

Noc apokalipsy

Catalogue

Literary translators working with Polish literature

Person

Jennifer Croft

Team member

Marta Skibińska

Programme card

©Poland Translation Programme

Carousel controls

Counter

Arrows only

Tags

Select

Default

Icons