{"id":1348,"date":"2024-08-30T14:22:38","date_gmt":"2024-08-30T11:22:38","guid":{"rendered":"https:\/\/sisu.ut.ee\/stiiliraamat\/other-style-elements\/"},"modified":"2024-08-30T14:22:38","modified_gmt":"2024-08-30T11:22:38","slug":"other-style-elements","status":"publish","type":"page","link":"https:\/\/stiiliraamat.ut.ee\/en\/other-style-elements\/","title":{"rendered":"Other Style Elements"},"content":{"rendered":"<h1 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-0bd6d05d200101b6653c99845a2f8755\"><br>Other Style Elements<\/h1>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-e133bca1ad63f37ecfd61960711d2e9b\" id=\"rectangles-and-base-grid\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">Rectangles and their Base Grid<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-8c890d92 wp-block-column-is-layout-constrained\" style=\"flex-basis:50%\">\n<p style=\"font-style:normal;font-weight:400\">Other than the logos, one of the most important design elements is the right angled rectangle, either straight or at a 15 degree angle. The rectangle can reach out of the design area but the visible corner must lie on the base grid. <\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">There can be more than one rectangle on a surface. The rectangle can be coloured or a cropped photo. There can be rectangles at 0, 15 and -15 degree angles on the same page.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/stiiliraamat.ut.ee\/wp-content\/uploads\/sites\/779\/lk-18_2-1024x319.png\" alt=\"\" class=\"wp-image-463\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-1024x319.png 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-300x93.png 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-768x239.png 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-1536x478.png 1536w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-2048x637.png 2048w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18_2-1920x597.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--60);flex-basis:50%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<figure data-wp-context='{\"imageId\":\"6a492d8352159\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a492d8352159\" class=\"wp-block-image size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/stiiliraamat.ut.ee\/wp-content\/uploads\/sites\/779\/lk-18-940x1024.png\" alt=\"\" class=\"wp-image-462\" style=\"width:400px\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-940x1024.png 940w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-275x300.png 275w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-768x837.png 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-1410x1536.png 1410w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-1879x2048.png 1879w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/lk-18-1920x2092.png 1920w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-376bac4011b0acdfc4ece9a15185a217\" id=\"base-grid\">Base Grid<br><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-8c890d92 wp-block-column-is-layout-constrained\" style=\"flex-basis:50%\">\n<p style=\"font-style:normal;font-weight:400\">The base grid can be adapted for use on a print or screen format.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">The base grid is made up of a grid of squares with sides of equal length. The height of one square is 16 times smaller than the shorter side of the surface it\u2019s on. <\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">The base grid can be created for any aspect ratio.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">The squares don\u2019t have to fit perfectly along the longer side.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">For printed materials, the base grid should be aligned with the upper edge, and for online materials the base grid starts from the centre of the image.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--60);flex-basis:80%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<figure data-wp-context='{\"imageId\":\"6a492d8353679\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a492d8353679\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/stiiliraamat.ut.ee\/wp-content\/uploads\/sites\/779\/alusraamistik1-1024x458.png\" alt=\"\" class=\"wp-image-467\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-1024x458.png 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-300x134.png 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-768x343.png 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-1536x687.png 1536w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-2048x915.png 2048w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik1-1920x858.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context='{\"imageId\":\"6a492d8353f6b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a492d8353f6b\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/stiiliraamat.ut.ee\/wp-content\/uploads\/sites\/779\/alusraamistik2-1024x436.png\" alt=\"\" class=\"wp-image-468\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-1024x436.png 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-300x128.png 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-768x327.png 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-1536x654.png 1536w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-2048x872.png 2048w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/alusraamistik2-1920x817.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Other Style Elements Rectangles and their Base Grid Other than the logos, one of the most important design elements is the right angled rectangle, either straight or at a 15 degree angle. The rectangle can reach out of the design &#8230;<\/p>\n","protected":false},"author":818,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1348","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/1348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/comments?post=1348"}],"version-history":[{"count":0,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/1348\/revisions"}],"wp:attachment":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/media?parent=1348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}