{"id":1606,"date":"2026-08-14T03:51:31","date_gmt":"2026-08-14T03:51:31","guid":{"rendered":"https:\/\/massruum.ee\/logo-2\/"},"modified":"2026-08-14T07:13:09","modified_gmt":"2026-08-14T07:13:09","slug":"logo","status":"publish","type":"page","link":"https:\/\/massruum.ee\/en\/logo\/","title":{"rendered":"Logo"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull ms-band ms-pagetitle has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-crumb wp-block-paragraph\"><b>Home<\/b> \u00b7 Logo<\/p>\n\t\n\t\n\t<h1 class=\"wp-block-heading\">Massruum logo and brand files.<\/h1>\n\t\n\t\n\t<p class=\"ms-lede wp-block-paragraph\">If you need our logo &#8211; for an article, a client list, an event programme or a partner strip &#8211; the right files are here, so you don&#8217;t have to email us or take a screenshot. Every version comes as both vector and image.<\/p>\n\t\n\t\n\t<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n\t<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/wp-content\/uploads\/brand\/massruum-logo-package.zip\">Download the full package (ZIP, 3.8 MB) \u2192<\/a><\/div>\n\t<\/div>\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ms-band has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-eyebrow wp-block-paragraph\">Files<\/p>\n\t\n\t\n\t<h2 class=\"wp-block-heading\" style=\"margin-bottom:48px\">Three versions, each for its own place.<\/h2>\n\t\n\n\t\n\t<div class=\"wp-block-group ms-service is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<div class=\"wp-block-group ms-service-head is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<p class=\"ms-service-num wp-block-paragraph\">01<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<h2 class=\"wp-block-heading\">Primary logo<\/h2>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<div class=\"wp-block-group ms-service-body is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<figure class=\"wp-block-image size-large ms-logo-shot\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/brand\/preview-horizontal.png\" alt=\"Massruum primary logo: mushroom mark beside the massruum name\" width=\"520\" title=\"\"><\/figure>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\">Mark and name side by side. This is the default almost everywhere &#8211; an article, a deck, a header, a partner strip. The lettering in the vector is converted to outlines, so the logo looks identical on a machine that doesn&#8217;t have our typeface installed.<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\"><strong>Download:<\/strong> <a href=\"\/wp-content\/uploads\/brand\/massruum-logo-horizontal.svg\">SVG<\/a> (vector, for web) \u00b7 <a href=\"\/wp-content\/uploads\/brand\/massruum-logo-horizontal.pdf\">PDF<\/a> (vector, for print) \u00b7 <a href=\"\/wp-content\/uploads\/brand\/massruum-logo-horizontal.png\">PNG<\/a> (3600 \u00d7 1026 px)<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\n\t\n\t<div class=\"wp-block-group ms-service is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<div class=\"wp-block-group ms-service-head is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<p class=\"ms-service-num wp-block-paragraph\">02<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<h2 class=\"wp-block-heading\">Mark on a dark circle<\/h2>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<div class=\"wp-block-group ms-service-body is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<figure class=\"wp-block-image size-large ms-logo-shot\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/brand\/preview-mark-dark.png\" alt=\"Massruum mark on a dark circle, without the name\" width=\"280\" title=\"\"><\/figure>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\">The mark on its own, no name. This is the profile-picture and app-icon version &#8211; square, and it holds up at sizes where the name would be unreadable.<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\"><strong>Download:<\/strong> <a href=\"\/wp-content\/uploads\/brand\/massruum-mark-dark.pdf\">PDF<\/a> (vector) \u00b7 <a href=\"\/wp-content\/uploads\/brand\/massruum-mark-dark.png\">PNG<\/a> (1539 \u00d7 1536 px)<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\n\t\n\t<div class=\"wp-block-group ms-service is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<div class=\"wp-block-group ms-service-head is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<p class=\"ms-service-num wp-block-paragraph\">03<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<h2 class=\"wp-block-heading\">Mark with a cream ring<\/h2>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<div class=\"wp-block-group ms-service-body is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<figure class=\"wp-block-image size-large ms-logo-shot\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/brand\/preview-mark-ring.png\" alt=\"Massruum mark with a cream ring, for light backgrounds\" width=\"280\" title=\"\"><\/figure>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\">The same mark, ringed in cream. Use it on light backgrounds, where the dark circle tends to merge into the page and the edges disappear.<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"wp-block-paragraph\"><strong>Download:<\/strong> <a href=\"\/wp-content\/uploads\/brand\/massruum-mark-ring.pdf\">PDF<\/a> (vector) \u00b7 <a href=\"\/wp-content\/uploads\/brand\/massruum-mark-ring.png\">PNG<\/a> (1539 \u00d7 1536 px)<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ms-band ms-shellband has-shell-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-eyebrow wp-block-paragraph\">Format<\/p>\n\t\n\t\n\t<h2 class=\"wp-block-heading\">Which format to use when.<\/h2>\n\t\n\t\n\t<figure class=\"wp-block-table\"><table><thead><tr><th>Format<\/th><th>Use it when<\/th><th>Why<\/th><\/tr><\/thead><tbody>\n\t<tr><td>SVG<\/td><td>The logo goes on a website or into an app<\/td><td>Vector. Sharp at any size on any screen, and the file is small<\/td><\/tr>\n\t<tr><td>PDF<\/td><td>The logo goes to print, signage or a sticker<\/td><td>Vector. A printer can scale it as far as the job needs<\/td><\/tr>\n\t<tr><td>PNG<\/td><td>You need a plain image &#8211; a deck, a document, social media<\/td><td>Transparent background, works anywhere without special software<\/td><\/tr>\n\t<\/tbody><\/table><\/figure>\n\t\n\t\n\t<p class=\"wp-block-paragraph\">If in doubt, take the SVG. The only place it won&#8217;t work is older software that can&#8217;t open vectors &#8211; use the PNG there.<\/p>\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ms-band has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-eyebrow wp-block-paragraph\">Colours<\/p>\n\t\n\t\n\t<h2 class=\"wp-block-heading\">Brand colours.<\/h2>\n\t\n\t\n\t<figure class=\"wp-block-table\"><table><thead><tr><th>Colour<\/th><th>HEX<\/th><th>Where it is used<\/th><\/tr><\/thead><tbody>\n\t<tr><td>Orange<\/td><td>#F06D31<\/td><td>Accent. Buttons, emphasis, the odd number. Used sparingly<\/td><\/tr>\n\t<tr><td>Deep navy<\/td><td>#091C4F<\/td><td>Dark interlude bands and the footer<\/td><\/tr>\n\t<tr><td>Ink<\/td><td>#0E1633<\/td><td>Headings and body text<\/td><\/tr>\n\t<tr><td>Soft ink<\/td><td>#3B4468<\/td><td>Secondary text<\/td><\/tr>\n\t<tr><td>Hairline<\/td><td>#E8E4DA<\/td><td>Warm hairline rules<\/td><\/tr>\n\t<tr><td>White<\/td><td>#FFFFFF<\/td><td>The main surface<\/td><\/tr>\n\t<\/tbody><\/table><\/figure>\n\t\n\t\n\t<p class=\"wp-block-paragraph\">The typefaces are <strong>Archivo<\/strong> (headings), <strong>Inter Tight<\/strong> (body) and <strong>Space Mono<\/strong> (small uppercase labels). All three are free on Google Fonts.<\/p>\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ms-band ms-shellband has-shell-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-eyebrow wp-block-paragraph\">Usage<\/p>\n\t\n\t\n\t<h2 class=\"wp-block-heading\">A few simple rules.<\/h2>\n\t\n\t\n\t<ul class=\"wp-block-list\">\n\t<li>Leave clear space around the logo, at least the width of the mark.<\/li>\n\t<li>Always scale proportionally. Don&#8217;t stretch, skew or add shadows.<\/li>\n\t<li>Don&#8217;t recolour it or place it on a busy photograph.<\/li>\n\t<li>On light backgrounds use the ringed mark; on dark backgrounds use the dark mark.<\/li>\n\t<li>The name is lower case: <strong>massruum<\/strong>, not Massruum or MASSRUUM. The registered company name is Massruum O\u00dc.<\/li>\n\t<\/ul>\n\t\n\t\n\t<p class=\"wp-block-paragraph\">The logo is a trademark of Massruum O\u00dc. You may use it to refer to us, in a client or partner list for example. Don&#8217;t use it in a way that implies a partnership or endorsement that isn&#8217;t real.<\/p>\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ms-cta ms-band has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cb4702 wp-block-group-is-layout-constrained\">\n\t\n\t<p class=\"ms-eyebrow wp-block-paragraph\">Package<\/p>\n\t\n\t\n\t<h2 class=\"wp-block-heading\">Take it all at once.<\/h2>\n\t\n\t\n\t<p class=\"ms-cta-sub wp-block-paragraph\">All three versions as SVG, PDF and PNG, with the guidelines. Missing something? Email us.<\/p>\n\t\n\t\n\t<div class=\"wp-block-group ms-cta-actions is-layout-flex wp-container-core-group-is-layout-ceb2bc04 wp-block-group-is-layout-flex\">\n\t\t\n\t\t<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n\t\t<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/wp-content\/uploads\/brand\/massruum-logo-package.zip\">Download the package (ZIP, 3.8 MB) \u2192<\/a><\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t<p class=\"wp-block-paragraph\"><a class=\"ms-cta-email\" href=\"mailto:hello@massruum.ee\">hello@massruum.ee<\/a><\/p>\n\t\t\n\t<\/div>\n\t\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Home \u00b7 Logo Massruum logo and brand files. If you need our logo &#8211; for an article, a client list, an event programme or a partner strip &#8211; the right files are here, so you don&#8217;t have to email us or take a screenshot. Every version comes as both vector and image. Files Three versions, [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1606","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/pages\/1606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/comments?post=1606"}],"version-history":[{"count":3,"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/pages\/1606\/revisions"}],"predecessor-version":[{"id":1611,"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/pages\/1606\/revisions\/1611"}],"wp:attachment":[{"href":"https:\/\/massruum.ee\/en\/wp-json\/wp\/v2\/media?parent=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}