Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands. Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
create your own block from scratch
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands. Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
create your own block from scratch
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.2.1/readmore.js"></script>

<style>
.read-more,
.read-less {
    color: #000000 !important;
    font-size: 18px;
    font-weight: 300;
}
</style>


<script>
document.querySelector('.uc-long-zero1 .t396__artboard').addEventListener('artBoardRendered', function() {
    let block = $('.uc-long-zero1'),
        blockArtboard = block.find($('.t396__artboard')),
        longTextWrap = block.find($('.zero-text')),
        longText = longTextWrap.find($('.tn-atom')),
        blockHeight = blockArtboard.height(),
        textHeight = longTextWrap.height(),
        rowHeight = Math.round(parseInt(longText.css('line-height'),10)),
        collapsedHeight = rowHeight * 20
        textPosition = parseInt(longTextWrap.css('top'),10);
    longTextWrap.css({'display':'flex','flex-direction':'column'});
    blockArtboard.css('transition','all 0.2s ease');
    
    function grow(bh,th,rh,ch,tp) {
        blockArtboard.height(bh-th+rh+ch+tp);
    };
    
    longText.readmore({
        speed: 200,
        collapsedHeight: collapsedHeight,
        moreLink: '<a href="#read-more" class="t-name read-more">Подробнее</a>',
        lessLink: '<a href="#read-less" class="t-name read-less">Скрыть</a>',
        blockProcessed: function() {
            grow(blockHeight,textHeight,rowHeight,collapsedHeight,0);
        },
        beforeToggle: function(trigger, element, expanded) {
            if(!expanded) {
                grow(blockHeight,0,rowHeight,0,0);
            } else {
                grow(blockHeight,textHeight,rowHeight,collapsedHeight,0);
                $('html, body').animate({scrollTop: element.offset().top-textPosition}, {duration: 200});
            }
        }
    });
});
</script>


<script>
document.querySelector('.uc-long-zero2 .t396__artboard').addEventListener('artBoardRendered', function() {
    let block = $('.uc-long-zero2'),
        blockArtboard = block.find($('.t396__artboard')),
        longTextWrap = block.find($('.zero-text')),
        longText = longTextWrap.find($('.tn-atom')),
        blockHeight = blockArtboard.height(),
        textHeight = longTextWrap.height(),
        rowHeight = Math.round(parseInt(longText.css('line-height'),10)),
        collapsedHeight = rowHeight * 20
        textPosition = parseInt(longTextWrap.css('top'),10);
    longTextWrap.css({'display':'flex','flex-direction':'column'});
    blockArtboard.css('transition','all 0.2s ease');
    
    function grow(bh,th,rh,ch,tp) {
        blockArtboard.height(bh-th+rh+ch+tp);
    };
    
    longText.readmore({
        speed: 200,
        collapsedHeight: collapsedHeight,
        moreLink: '<a href="#read-more" class="t-name read-more">Подробнее</a>',
        lessLink: '<a href="#read-less" class="t-name read-less">Скрыть</a>',
        blockProcessed: function() {
            grow(blockHeight,textHeight,rowHeight,collapsedHeight,0);
        },
        beforeToggle: function(trigger, element, expanded) {
            if(!expanded) {
                grow(blockHeight,0,rowHeight,0,0);
            } else {
                grow(blockHeight,textHeight,rowHeight,collapsedHeight,0);
                $('html, body').animate({scrollTop: element.offset().top-textPosition}, {duration: 200});
            }
        }
    });
});
</script>
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed or printed, on either display pages or blank pages.
Made on
Tilda