Samples

Here are samples that use various features of Vivliostyle. When you click a button in each sample, the Vivliostyle Viewer will be launched and will behave according to the meaning of the button. Oval tags represent the features used in each sample.

Typesetting simple and long texts

  1. “Gon, the Little Fox” (book)

    • ruby
    • page header

  2. “Alice’s Adventures in Wonderland” (book)

    • web font
    • page counter
    • table of contents
    • page header

Complex typesetting with “EPUB Adaptive Layout" (EAL)

  1. “JDIR” (magazine)

    • EAL
    • multi-column
    • table of contents
    • Multiple HTML
    • Bleed

    In this sample, JDIR JBpress Digital Innovation Review’s articles are used with permission from Japan Business Press Co., Ltd.

  2. “The Vivlio Daily” (newspaper)

    • EAL
    • multi-column
    • table of contents

  3. “Scholarly HTML” (Academic article)

    • EAL
    • multi-column
    • web font
    • Flexbox

  4. “Apollo 8” (magazine)

    • EAL
    • exclusions
    • multi-column

    from Peter Sorotokin’s Adaptive Layout

Multi-column layout with figures spanning columns

  1. “Mt. Shirouma” (magazine)

    • ruby
    • multi-column

  2. “The Introduction to Cosmology” (Academic article)

A magazine consisting of a table of contents and multiple HTML

  1. “Make Books with Vivliostyle, Vol. 1”

    • table of contents
    • page header
    • footnote
    • Multiple HTML

  2. “Make Books with Vivliostyle, Vol. 2”

    • table of contents
    • page header
    • footnote
    • Multiple HTML

  3. “Make Books with Vivliostyle, Vol. 3”

    • table of contents
    • page header
    • footnote
    • Multiple HTML

  4. “Make Books with Vivliostyle, Vol. 4”

    • table of contents
    • page header
    • footnote
    • Multiple HTML

  5. “Make Books with Vivliostyle, Vol. 5”

    • table of contents
    • page header
    • footnote
    • Multiple HTML

Others

“The Adventures of Sherlock Holmes” (book)

  • web font
  • page counter
  • table of contents
  • page header

“The Malay Archipelago” (magazine)

  • multi-column
  • footnote
  • EAL

“Night on the Galactic Railroad (銀河鉄道の夜)” (book)

  • ruby
  • page header

“Nankichi Niimi Fairy Tale Collection (新美南吉童話集)” (book)

  • table of contents
  • ruby
  • page header
  • Multiple HTML

“Takasebune (高瀬舟)” (book)

  • multi-column

“Wood Engraving” (book)

  • web font

“Candle” (book)

  • EAL
  • exclusions
  • multi-column

from Peter Sorotokin’s Adaptive Layout

“Advanced Adaptive Layout” (magazine)

  • EAL
  • exclusions
  • multi-column

from Peter Sorotokin’s Adaptive Layout