{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Tanya Sokolovskaya's blog: posts tagged Typography", "_rss_description": "On editorial and graphic design", "_rss_language": "en", "_itunes_email": "mail@tsokolovskaya.com", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1732041507", "_itunes_explicit": "no", "home_page_url": "https:\/\/www.tsokolovskaya.com\/blog\/tags\/typography\/", "feed_url": "https:\/\/www.tsokolovskaya.com\/blog\/tags\/typography\/json\/", "icon": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic@2x.jpg?1732041507", "authors": [ { "name": "Tanya Sokolovskaya", "url": "https:\/\/www.tsokolovskaya.com\/blog\/", "avatar": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/userpic\/userpic@2x.jpg?1732041507" } ], "items": [ { "id": "8", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/magazine-drop-cap\/", "title": "Magazine layout. Initial", "content_html": "

Continuing the theme of journals<\/a>, I will tell you about the initials. An initial is the large first letter of a chapter or section of a book. It originally appeared in books. At that time, they were handwritten and decorated with different ornaments and miniatures:<\/p>\n

\n\"\"\n<\/div>\n

Today the chance of finding a drop cap in a book tends to be zero, but you can see them in magazines and newspapers. A drop cap in an article grabs the reader’s attention and invites them to study the material. Externally modern initial, of course, differs from its predecessor. I looked through different magazines and identified five types of lettering in the design of articles — I will talk about them.<\/p>\n

Enlarged letter size<\/h3>\n

An enlarged first letter is probably the most common variant. It’s usually the same font as the typesetting but can be different. The letter can remain inside the text block and seem to shift a few lines to the side:<\/p>\n

\n\"\"\n<\/div>\n

Or it can extend beyond the text block:<\/p>\n

\n\"\"\n<\/div>\n

Overlapped letter<\/h3>\n

The first letter of an article is duplicated and enlarged, and the text overlaps it. The letter is usually a bright accent colour:<\/p>\n

\n\"\"\n<\/div>\n

Text envelopes the letter<\/h3>\n

The first letter of an article is enlarged, most often to the full height of the page, and the text canvas envelopes it in shape:<\/p>\n

\n\"\"\n<\/div>\n

Large initial<\/h3>\n

The first letter is duplicated and greatly enlarged, positioned beside or above the text block:<\/p>\n

\n\"\"\n<\/div>\n

In my opinion, large initial looks quite effective. It can be classic lettering or combined with an illustration. I like these ideas:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Letter-shaped text<\/h3>\n

The first letter is duplicated and enlarged as much as possible. The text is aligned to it and follows the shape of one of its strokes:<\/p>\n

\n\"\"\n<\/div>\n

This is a creative layout option, but not all publications can afford to waste space like that. Speaking of page layout, I found some pretty interesting variations. I’ll show them next time :-)<\/p>\n", "date_published": "2021-03-21T15:53:00+01:00", "date_modified": "2023-06-08T10:52:35+01:00", "tags": [ "Magazine", "Typography" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1-8.jpg", "_date_published_rfc2822": "Sun, 21 Mar 2021 15:53:00 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "8", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1-8.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2-8.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4-4.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-6.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8-7.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6-8.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7-6.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9-4.jpg" ] } }, { "id": "9", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/magazine-cover\/", "title": "Magazine layout. Cover page", "content_html": "

I’m exploring a new direction in layout for me — magazines. My love for them was sparked by the book “Editing by Design” by Ian V. White, which I read in one breath back in 2016.<\/p>\n

At that time, I was working more on web projects and identity, so the book settled on the shelf, and I had never read any magazines. Now I realise that the magazine layout appeals to me the most. And I will begin my journey by drawing up a structure using examples from real magazines.<\/p>\n

I have studied the covers of 27 different publications and identified the 16 elements that are most often found in them. I do not claim to be correct — these are my observations. I will go into more detail about each element.<\/p>\n

Journal name<\/h3>\n

The name is always at the top and occupies either the full width of the format or the left-hand corner if it’s short. Let’s look at some examples:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

The magazine name’s font and style do not change from issue to issue like the classic logo. However, the layout in the header area or the colour may change slightly to match the style of the main image. For example:<\/p>\n

\n\"\"\n<\/div>\n

Slogan<\/h3>\n

Not all magazines have a slogan, but if one is present, it’s next to the magazine name:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Issue information<\/h3>\n

The issue information includes the date, price and issue number. All information may be present at once, but most often, only the date or date and cost are given. It’s usually located next to the name of the magazine:<\/p>\n

\n\"\"\n<\/div>\n

Sometimes they are indicated in the barcode area:<\/p>\n

\n\"\"\n<\/div>\n

Or separate — for example, the date stays near the name and the price in the barcode area:<\/p>\n

\n\"\"\n<\/div>\n

This information may also be at the bottom of the page:<\/p>\n

\n\"\"\n<\/div>\n

And vertically near the left or right edge:<\/p>\n

\n\"\"\n<\/div>\n

Barcode<\/h3>\n

There may or may not be a barcode on the cover. Usually located somewhere on the bottom horizontally or vertically:<\/p>\n

\n\"\"\n<\/div>\n

Link to the publication’s website<\/h3>\n

The link is not present in all magazines. It’s usually located next to the title but can also be at the bottom of the page or vertically on the side:<\/p>\n

\n\"\"\n<\/div>\n

Banner<\/h3>\n

A banner briefly explains what the magazine is about, something similar to the content. The banner, like the slogan, is not always present. It may include the magazine’s main themes or the theme of a particular issue. It’s usually placed at the top or bottom of the page:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Label<\/h3>\n

The label is a contrasting rectangle designed to attract attention and stand out from the background. It’s usually placed in the upper left-hand corner. This element indicates some features of the magazine. For example, it may indicate that the magazine is free:<\/p>\n

\n\"\"\n<\/div>\n

Or the magazine issue includes the juiciest of the past year:<\/p>\n

\n\"\"\n<\/div>\n

The tag can also be attached to the main heading:<\/p>\n

\n\"\"\n<\/div>\n

Sticker<\/h3>\n

The sticker has about the same function as the plaque. Practically never used in expensive editions, but if so, it’s used in a single copy:<\/p>\n

\n\"\"\n<\/div>\n

The sticker can also be in the form of a simple text block with an asterisk (*). It looks more elegant this way:<\/p>\n

\n\"\"\n<\/div>\n

Main theme of the issue<\/h3>\n

The block with the issue’s main theme includes a header and a small intro. If it is about a person, the block will include their name:<\/p>\n

\n\"\"\n<\/div>\n

Authorship<\/h3>\n

This may include the article’s author or the cover photo’s photographer. Authorship is not always indicated.<\/p>\n

\n\"\"\n<\/div>\n

Bonus<\/h3>\n

A bonus block is usually unrelated to the magazine’s general theme. It may include some exclusive, special reportage or just something interesting:<\/p>\n

\n\"\"\n<\/div>\n

Main image<\/h3>\n

The main image can be a photo:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Illustration:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Typography:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Air<\/h3>\n

Air is the kind of empty space that reinforces the main theme, putting even more focus on it. You don’t often see empty space on the cover of a magazine — there’s not much space, but quite a lot of information. Let’s look at some examples:<\/p>\n

\n\"\"\n<\/div>\n

Additional images<\/h3>\n

Additional images are pretty rare, at least amongst respected publications.<\/p>\n

\n\"\"\n<\/div>\n

The more images on the cover, the cheaper the magazine looks:<\/p>\n

\n\"\"\n<\/div>\n

Frame<\/h3>\n

Sometimes a frame is present in the design, which surrounds the cover. It highlights the content while making it slightly smaller:<\/p>\n

\n\"\"\n<\/div>\n

The frame helps to make the magazine stand out when it is on the same shelf as the others as if to cover each other:<\/p>\n

\n\"\"\n
Did you quickly find the magazine I inserted in the picture? :-)
\nOriginal photo: iStockphoto<\/div>\n<\/div>\n

Country<\/h3>\n

If the magazine is published in different countries, the cover indicates which country the particular edition belongs to. It is usually located somewhere near the name of the magazine:<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

In conclusion, I would like to say that I have madly enjoyed exploring the journals. Many new topics for posts have matured in the process. It will be interesting :-)<\/p>\n", "date_published": "2021-03-07T23:43:00+01:00", "date_modified": "2023-06-08T11:11:58+01:00", "tags": [ "Magazine", "Typography" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-5.jpg", "_date_published_rfc2822": "Sun, 07 Mar 2021 23:43:00 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "9", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-5.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2-7.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1-7.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6-6.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7-5.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8-6.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13-4.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/14-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/15-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/16-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/17-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/18-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/19-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/11-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/10-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/12-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/20-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/21-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/27.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/22-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/23.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/25-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/26.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/28.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/29.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/30.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/31.jpeg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/32.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/33.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/34.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/35.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/36.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/37.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/38.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/39.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/40.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/42.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/43.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/44.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/45.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/46.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/47.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/48.jpeg" ] } }, { "id": "10", "url": "https:\/\/www.tsokolovskaya.com\/blog\/all\/better-typography\/", "title": "How to improve layout typography in InDesign", "content_html": "

How a page of text looks, whether a print publication or an article on a website, determines whether someone will read it. Typography in the layout is not just about aesthetics. It’s also a tool for managing attention. I’ve identified six basic principles of typography that will help make layouts more confident and readable:<\/p>\n

    \n
  • Always mark paragraphs in your text.<\/li>\n
  • Make the line length optimal for reading.<\/li>\n
  • Choose appropriate alignment.<\/li>\n
  • Type the main text in lowercase.<\/li>\n
  • Keep an eye on the height of lowercase text by using different fonts.<\/li>\n
  • Include optical margins alignment.<\/li>\n<\/ul>\n

    Always mark paragraphs in the text<\/h2>\n

    Take a canvas of text:<\/p>\n

    \n\"\"\n<\/div>\n

    Although not noticeable, there are paragraphs there. I’ll include hidden characters in Indesign for clarity:<\/p>\n

    \n\"\"\n<\/div>\n

    The text is difficult to read and comprehend in this way. Paragraphs need to be clearly separated. There are two ways to do this — indent and break line.<\/p>\n

    Let’s add an indent:<\/p>\n

    \n\"\"\n<\/div>\n

    That’s better. But remember, you don’t need to indent the first paragraph. There’s nothing to indent it from. The correct way to do it is this:<\/p>\n

    \n\"\"\n<\/div>\n

    Let’s add a break line:<\/p>\n

    \n\"\"\n<\/div>\n

    Paragraphs read even better this way. But you shouldn’t use both methods simultaneously — it’s overkill. Let’s remove the indent:<\/p>\n

    \n\"\"\n<\/div>\n

    Now it’s perfect.<\/p>\n

    You can use both indent and break lines together if you want to separate an introductory paragraph from the bulk of the text. This would look like this:<\/p>\n

    \n\"\"\n<\/div>\n

    Make the line length optimal for reading<\/h2>\n

    It’s difficult to read text when the line is too long, and the font size is quite small. In the example below, we see that there are ~120 characters per line:<\/p>\n

    \n\"\"\n<\/div>\n

    The text becomes easy to read if you increase the font size for the same line length. There are ~90 characters per line:<\/p>\n

    \n\"\"\n<\/div>\n

    And if you reduce the line length, the text is hard to read. This may be justified when little text, for example, is in a footnote in the margin but not in typesetting. The eye jumps from line to line too often — it’s quite stressful:<\/p>\n

    \n\"\"\n<\/div>\n

    I recommend a balance — aim for 45-90 characters per line:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    The text is easy to read this way, the line doesn’t get lost, and your eyes don’t get tired from the constant bouncing.<\/p>\n

    Choose the appropriate alignment<\/h2>\n

    Alignment can be left, centre, right, and justified:<\/p>\n

    \n\"\"\n<\/div>\n

    Left align and left-justify<\/b> are commonly used for typesetting. I like the left-hand margin. I find it most comfortable and aesthetically pleasing.<\/p>\n

    Centring<\/b> can be found in headings, quotations or footnotes.<\/p>\n

    Right align<\/b> is also used for headings, quotations or footnotes and rarely for typeset text.<\/p>\n

    Justify all lines<\/b> is used quite rarely. I’ve seen it in PTYUCH magazine. Generally, it’s pretty hard to find anything resembling an adequate layout in that magazine, but that’s what PTYUCH is all about:<\/p>\n

    \n
    \n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n
    Issues No. 9 from 1996, No. 2 and No. 5 from 1998<\/div>\n<\/div>\n

    I’ve also noticed that the Russian edition of Vogue also likes to justify all lines, especially the frequent use of it in the headlines:<\/p>\n

    \n
    \n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

    I recommend not using justify all lines at all unless for some special effect.<\/p>\n

    I’ll elaborate on the right alignment and the left justification — these two options seem to be the most difficult.<\/p>\n

    Right Alignment<\/h3>\n

    You can forget about indent by aligning the text to the right edge. They are not visible because of the torn edge:<\/p>\n

    \n\"\"\n<\/div>\n

    An indent should be used:<\/p>\n

    \n\"\"\n<\/div>\n

    And it is especially important to balance the lines by ticking the Balance Ragged Lines box:<\/p>\n

    \n\"\"\n<\/div>\n

    Without this checkbox, the lines vary greatly in length, and dangling prepositions appear:<\/p>\n

    \n\"\"\n<\/div>\n

    This is what it looks like when you increase the line length:<\/p>\n

    \n\"\"\n<\/div>\n

    And here I’ve balanced the lines again:<\/p>\n

    \n\"\"\n<\/div>\n

    Justify with the last line aligned left<\/h3>\n

    It reminds me of a brick, so stable and serious:<\/p>\n

    \n\"\"\n<\/div>\n

    Two main problems can arise with this formatting: holes in the lines and overly compressed lines:<\/p>\n

    \n\"\"\n<\/div>\n

    I’ll switch on highlighting problem areas in the text in InDesign. This is done in the settings:<\/p>\n

    \n\"\"\n<\/div>\n

    Almost everything glows yellow — this means the formatting is unsuccessful. The maximum and minimum values for Glyph Scaling in the paragraph styles are now 100%:<\/p>\n

    \n\"\"\n<\/div>\n

    By changing these parameters, you can achieve a text that is easy to read:<\/p>\n

    \n\"\"\n<\/div>\n

    As you can see in the image above, the yellow backlight is gone. According to InDesign, everything is fine now, although it’s still not perfect for me.<\/p>\n

    It is also essential to use hyphenation in format alignment. If they are switched off, words in some lines will stick together:<\/p>\n

    \n\"\"\n<\/div>\n

    You can try to fix this in the Glyph Scaling parameter, but then holes appear:<\/p>\n

    \n\"\"\n<\/div>\n

    All in all, it’s not that simple with this type of alignment.<\/p>\n

    Type the main text in lowercase<\/h2>\n

    When you use uppercase letters for typesetting, you create a “scream” that is impossible to read:<\/p>\n

    \n\"\"\n<\/div>\n

    You should also avoid capital letters if you want to highlight a word or phrase within the text:<\/p>\n

    \n\"\"\n<\/div>\n

    Using a font style two steps apart from the main text is best. For example, if you have Light for the main text, you could use SemiBold for selection:<\/p>\n

    \n\"\"\n<\/div>\n

    Watch the height of lowercase letters by using different fonts<\/h2>\n

    Suppose you must use two different fonts in the same text — one with serifs, the other without. Try to use fonts from the same font family:<\/p>\n

    \n\"\"\n<\/div>\n

    I inserted the word from the second paragraph into the first. As you can see, the letters are the same height:<\/p>\n

    \n\"\"\n<\/div>\n

    When the heights of the lowercase letters are different, it doesn’t look good. The fonts don’t seem to be friendly. The font size is the same:<\/p>\n

    \n\"\"\n<\/div>\n

    Switch on optical margin alignment<\/h2>\n

    Use optical margin alignment regardless of whether text alignment. It can be switched on by selecting this check box:<\/p>\n

    \n\"\"\n<\/div>\n

    With it, punctuation marks and some letters extend beyond the text frame, making the margins visually smooth.<\/p>\n

    Here the alignment is off. The right-hand edge seems perforated where the transfer signs stand:<\/p>\n

    \n\"\"\n<\/div>\n

    And here it’s on, visually the edge has become even:<\/p>\n

    \n\"\"\n<\/div>\n

    Take a look at the comparison:<\/p>\n

    \n\"\"\n<\/div>\n

    Enable align to baselines<\/h2>\n

    When you layout in multiple columns, enable baseline binding. This is done in the paragraph settings:<\/p>\n

    \n\"\"\n<\/div>\n

    This is how the columns look without the binding:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    And this is what the columns look like with the binding:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    <\/p>\n

    If you have any questions on the subject, feel free to post in the comments, I’ll be happy to answer them :-)<\/p>\n", "date_published": "2021-03-04T23:50:00+01:00", "date_modified": "2023-06-09T11:51:20+01:00", "tags": [ "Advice", "Typography" ], "image": "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13-3.jpg", "_date_published_rfc2822": "Thu, 04 Mar 2021 23:50:00 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "10", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13-3.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13-3-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/2-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/3-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/4-4.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/5-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/6-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/7-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/8-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/9-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/10-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/11-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/12-1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/13-3-2.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.32.53.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.33.06.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.33.17.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.33.30.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.33.46.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-19.18.48.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-23.52.59.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/04.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/05-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/06-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/01-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/02-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/03-1.jpg", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/14-1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/15-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/16-3.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/17-1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/18-2.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/19-1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/20.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/21.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/26.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/22.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/23.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/24-1.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/25.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/27.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/28.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/29.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/30.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/Screen-Shot-2021-03-04-at-20.50.49.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/31.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/32.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/34.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/35.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/33.gif", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/37.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/36.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/40.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/38.png", "https:\/\/www.tsokolovskaya.com\/blog\/pictures\/39.png" ] } } ], "_e2_version": 4134, "_e2_ua_string": "Aegea 11.3 (v4134e)" }