{"id":1359,"date":"2024-09-05T12:03:35","date_gmt":"2024-09-05T09:03:35","guid":{"rendered":"https:\/\/sisu.ut.ee\/stiiliraamat\/outer-circle\/"},"modified":"2026-06-02T13:06:39","modified_gmt":"2026-06-02T10:06:39","slug":"valine-ring","status":"publish","type":"page","link":"https:\/\/sisu.ut.ee\/cvi\/en\/kuvandiringid\/valine-ring\/","title":{"rendered":"Outer style circle"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Outer style circle<\/h1>\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 class=\"has-primary-color has-text-color has-link-color wp-elements-be2ba43bc6df1d0bcbfb13c999bd345b\" style=\"font-style:normal;font-weight:400\">The outer style circle is primarily used to communicate with target groups outside the university. This circle is meant to involve a community in a topic relevant to them, for which the unit may use a distinctive design.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">The outer circle is also divided into faculties and topics, like the middle circle.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">As the outer circle encompasses many different aims and target audiences, there is a justified need for visual distinction. This is why there is more room for creativity and a larger selection of colour palettes and design options.<\/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: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\":\"6a50c66bbc7d3\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a50c66bbc7d3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2304\" height=\"1798\" 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:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles.png\" alt=\"\" class=\"wp-image-3836\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles.png 2304w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles-300x234.png 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles-1024x799.png 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles-768x599.png 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/three-style-circles-1920x1498.png 1920w\" sizes=\"auto, (max-width: 2304px) 100vw, 2304px\"><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<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\" id=\"geomeetriliste-elementide-kujundamine-valises-ringis\"><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Geometric elements in the outer circle<\/mark><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\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:33.34%\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-c2a2548828bc029622ad32859f358104\" style=\"font-style:normal;font-weight:400\">In the outer circle, it is mandatory to use frames with signature blue elements.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">In addition to the rectangles placed at 0-, 15- and \u201315-degree angles, other geometrical background elements may be added to the content area of the designed surface. Their corners must coincide with the crossing points of the base grid lines.<\/p>\n\n\n\n<p>When placing a rectangle at a 15- or \u201315-degree angle, at least one corner must lie on the base grid.<\/p>\n\n\n\n<p>Background elements must intersect with the edge of the designed surface.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-d92fc87303284530f487308a3d8c46ab\" style=\"font-style:normal;font-weight:400\">Background elements may be either in a single colour or filled with a photo or other image material.<\/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:33.34%\">\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\":\"6a50c66bbda39\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a50c66bbda39\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1037\" 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:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-1.png\" alt=\"\" class=\"wp-image-730\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-1.png 750w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-1-217x300.png 217w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-1-741x1024.png 741w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\"><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\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"1040\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-2.png\" alt=\"\" class=\"wp-image-731\" style=\"width:316px;height:auto\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-2.png 748w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-2-216x300.png 216w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-2-736x1024.png 736w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\"><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center 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-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"497\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-3.png\" alt=\"\" class=\"wp-image-732\" style=\"width:263px;height:auto\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-3.png 369w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-3-223x300.png 223w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"489\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-4.png\" alt=\"\" class=\"wp-image-733\" style=\"width:264px;height:auto\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-4.png 364w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-4-223x300.png 223w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"355\" height=\"500\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-5.png\" alt=\"\" class=\"wp-image-734\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-5.png 355w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-5-213x300.png 213w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"352\" height=\"498\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-6.png\" alt=\"\" class=\"wp-image-735\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-6.png 352w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/64-6-212x300.png 212w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\"><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"varvivalik-valises-ringis\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Colours in the outer circle<br><\/mark><\/h2>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-top 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:40%\">\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-17f2e1900ace08c3476f385c194d40c0\" style=\"font-style:normal;font-weight:400\">The palette of an outer-circle unit includes signature blues and one extra palette colour. One extra palette colour and its lighter and darker shade per one designed surface may be used.<br><\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">The proportions of the faculty or topic colour and extra palette colour are not strictly defined.<br><br>Using the signature blue in the design (as a frame element) is mandatory.<br><br>The extra palette colours must not be used as font colour. It is also advisable to avoid pure black.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">Colours outside of the palette must not be used in design elements.<\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">Also, the principles of the core visual identity may be used. In this case, the extra palette colours or the geometric shapes of the outer circle must not be used.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top 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\":\"6a50c66bc176e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a50c66bc176e\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"955\" 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:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/outer-circle-colors.jpg\" alt=\"\" class=\"wp-image-3926\" style=\"object-fit:cover;width:555px;height:auto\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/outer-circle-colors.jpg 697w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/outer-circle-colors-219x300.jpg 219w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\"><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","protected":false},"excerpt":{"rendered":"<p>Outer style circle The outer style circle is primarily used to communicate with target groups outside the university. This circle is meant to involve a community in a topic relevant to them, for which the unit may use a distinctive &#8230;<\/p>\n","protected":false},"author":818,"featured_media":0,"parent":3440,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1359","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/pages\/1359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":10,"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/pages\/1359\/revisions"}],"predecessor-version":[{"id":3928,"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/pages\/1359\/revisions\/3928"}],"up":[{"embeddable":true,"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/pages\/3440"}],"wp:attachment":[{"href":"https:\/\/sisu.ut.ee\/cvi\/en\/wp-json\/wp\/v2\/media?parent=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}