{"id":235415,"date":"2024-06-26T09:52:57","date_gmt":"2024-06-26T07:52:57","guid":{"rendered":"https:\/\/nextcloud.com\/?page_id=235415"},"modified":"2026-01-07T15:53:25","modified_gmt":"2026-01-07T14:53:25","slug":"brand","status":"publish","type":"page","link":"https:\/\/nextcloud.com\/nl\/brand\/","title":{"rendered":"Brand guidelines"},"content":{"rendered":"

[vc_section el_class=”titlebar trademarks_titlebar secondaryGradientLeft”][vc_row gap=”30″ content_placement=”middle”][vc_column width=”1\/2″][vc_column_text css=”” el_class=”page-title centerMobile”]<\/p>\n

Nextcloud
brand guidelines<\/h1>\n

[\/vc_column_text][vc_column_text css=”” el_class=”page-subtitle centerMobile”]With these guidelines, we wish to encourage widespread use of the Nextcloud trademarks by the Nextcloud community while managing that use to protect the distinctive value of the trademarks and avoid confusion on the part of Nextcloud users and the general public.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_single_image image=”330544″ img_size=”large” alignment=”center” css=”” el_class=”width150percent”][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=”nc_default_section general-guidelines” el_id=”general-guidelines”][vc_row gap=”10″ equal_height=”yes” el_class=”brand_sections_nav_row”][vc_column width=”1\/4″][vc_single_image image=”330524″ img_size=”large” alignment=”center” onclick=”custom_link” css=”.vc_custom_1758110278033{margin-bottom: 2rem !important;}” el_class=”lightBGgradient-small borderRadius padding_2rem” link=”#marks-guide”][vc_btn title=”Nextcloud marks guide” align=”center” css=”” link=”url:%23marks-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image image=”330539″ img_size=”large” alignment=”center” onclick=”custom_link” css=”.vc_custom_1758110282427{margin-bottom: 2rem !important;}” el_class=”lightBGgradient-small borderRadius padding_2rem” link=”#logo-guide”][vc_btn title=”Logo guide” align=”center” css=”” link=”url:%23logo-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image image=”337474″ img_size=”large” alignment=”center” onclick=”custom_link” css=”.vc_custom_1758541379697{margin-bottom: 2rem !important;}” el_class=”lightBGgradient-small borderRadius padding_2rem” link=”#color-guide”][vc_btn title=”Color guide” align=”center” css=”” link=”url:%23color-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image image=”330529″ img_size=”large” alignment=”center” onclick=”custom_link” css=”.vc_custom_1758110291627{margin-bottom: 2rem !important;}” el_class=”lightBGgradient-small borderRadius padding_2rem” link=”#typography-guide”][vc_btn title=”Typography guide” align=”center” css=”” link=”url:%23typography-guide” el_class=”btn-main”][\/vc_column][\/vc_row][\/vc_section][vc_section custom_section_div_id=”marks-guide” el_class=”nc_default_section general-guidelines”][vc_row][vc_column][vc_column_text css=”.vc_custom_1755843644905{margin-bottom: 2rem !important;}”]<\/p>\n

Nextcloud marks guide<\/h2>\n

[\/vc_column_text][vc_separator color=”custom” border_width=”2″ el_width=”20″ accent_color=”#0082c9″ el_class=”nc_separator_line”][\/vc_column][\/vc_row][vc_row gap=”30″ content_placement=”middle”][vc_column width=”2\/5″][vc_row_inner gap=”10″ css=”.vc_custom_1758611251510{margin-bottom: 1rem !important;}”][vc_column_inner][vc_single_image image=”61572″ img_size=”large” alignment=”center” style=”vc_box_rounded” css=”” el_class=”nc_marks_guide_img blueGradient borderRadius”][\/vc_column_inner][\/vc_row_inner][vc_row_inner gap=”10″][vc_column_inner][vc_single_image image=”114709″ img_size=”large” alignment=”center” css=”” el_class=”nc_marks_guide_img borderRadius blueBorder”][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”3\/5″][vc_column_text css=”.vc_custom_1758616264367{margin-bottom: 2.5rem !important;}” el_class=”text_check_icon_left”]<\/p>\n

Product quality and brand perception<\/h4>\n

It is fundamentally important to us that any permitted use you make of the Nextcloud marks be of the highest quality and integrity and meet the highest standards. To ensure this is the case, we reserve the right to revoke your permission at any time and for any reason.[\/vc_column_text][vc_column_text css=”” el_class=”text_check_icon_left”]<\/p>\n

Fair use<\/h4>\n

We acknowledge and support your right to make\u00a0\u201cfair use\u201d<\/em> of the Nextcloud marks, and do not mean to suggest with these guidelines that our permission is required in such cases. We cannot, however, tell you categorically what will and will not qualify as a \u201cfair use.\u201d[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=”nc_default_section general-guidelines” css=”.vc_custom_1755862650910{margin-top: 0px !important;}” el_id=”logo-guide”][vc_row gap=”30″ equal_height=”yes” el_id=”logo_usage_requirements” el_class=”logo_usage_requirements”][vc_column][vc_column_text css=””]<\/p>\n

Logo guide<\/h2>\n

[\/vc_column_text][vc_separator color=”custom” border_width=”2″ el_width=”20″ css=”.vc_custom_1668156794131{margin-top: 2rem !important;margin-bottom: 2rem !important;}” accent_color=”#0082c9″ el_class=”nc_separator_line”][vc_column_text css=””]<\/p>\n

Logo variations<\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row gap=”20″ equal_height=”yes” el_class=”logo_usage_requirements”][vc_column width=”1\/3″][vc_single_image image=”76877″ img_size=”large” alignment=”center” onclick=”img_link_large” img_link_target=”_blank” css=”” el_class=”logo-preview image_download blueGradient borderRadius padding_6rem_4rem”][vc_column_text css=””]<\/p>\n

White logo<\/h4>\n

White logo on blue is referred color scheme, also suitable for other backgrounds like images.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”76887″ img_size=”large” alignment=”center” onclick=”img_link_large” img_link_target=”_blank” css=”” el_class=”logo-preview image_download padding_6rem_4rem borderRadius blueBorder”][vc_column_text css=””]<\/p>\n

Blue logo<\/h4>\n

Blue logo on white, when the background needs to be white, like in print.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_row_inner][vc_column_inner][vc_single_image image=”61572″ img_size=”large” alignment=”center” style=”vc_box_rounded” css=”” el_class=”mark_only_logo_img blueGradient borderRadius”][vc_single_image image=”114709″ img_size=”large” alignment=”center” css=”” el_class=”mark_only_logo_img borderRadius blueBorder”][\/vc_column_inner][\/vc_row_inner][vc_column_text css=””]<\/p>\n

Mark only<\/h4>\n

Only to be used when there is no space for text due to size. We never use the text without our mark, and we avoid horizontal arrangement.[\/vc_column_text][\/vc_column][\/vc_row][vc_row gap=”20″ equal_height=”yes” el_class=”logo_usage_requirements”][vc_column][vc_btn title=”Logo resources” align=”center” css=”” link=”url:https%3A%2F%2Fnextcloud.com%2Fpress%2F%23logo-resources|title:Logo%20resources|target:_blank” el_class=”btn-main”][\/vc_column][\/vc_row][vc_row gap=”20″ equal_height=”yes” el_class=”logo_usage_requirements” css=”.vc_custom_1755864148435{margin-top: 2.5rem !important;}”][vc_column][vc_column_text css=””]<\/p>\n

Clear space & size<\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row gap=”10″ equal_height=”yes” el_class=”logo_usage_requirements”][vc_column width=”2\/3″][vc_row_inner][vc_column_inner width=”1\/2″][vc_single_image image=”330597″ img_size=”large” alignment=”center” css=”” el_class=”borderRadius w100″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”330607″ img_size=”large” alignment=”center” css=”” el_class=”borderRadius w100″][\/vc_column_inner][\/vc_row_inner][vc_column_text css=””]<\/p>\n

Clear space<\/h4>\n

When using our logo, please leave some space to breathe. The general rule is to add a blank area equal to half the mark\u2019s height on all sides.[\/vc_column_text][\/vc_column][vc_column width=”1\/3″][vc_single_image image=”332474″ img_size=”large” alignment=”center” css=”” el_class=”borderRadius”][vc_column_text css=””]<\/p>\n

Minimum size<\/h4>\n

Please respect the size guidance:
\nPrint minimum width 15mm<\/strong>
\nWeb minimum width 50px<\/strong>[\/vc_column_text][\/vc_column][\/vc_row][vc_row gap=”20″ equal_height=”yes” el_class=”logo_usage_requirements” css=”.vc_custom_1755864148435{margin-top: 2.5rem !important;}”][vc_column][vc_column_text css=””]<\/p>\n

Do\u2019s & Don\u2019ts<\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row gap=”10″ css=”.vc_custom_1755864925369{margin-top: 2.5rem !important;}” el_class=”boxShadow border_between_cols padding_2rem”][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1761045657343{margin-bottom: 2rem !important;}” el_class=”text_check_icon_left check_green”]<\/p>\n

Logo color<\/h5>\n

The Nextcloud blue is #0082C9<\/span> on white background.
\nThe white (#FFFFFF) is on blue or image background.[\/vc_column_text][vc_column_text css=”” el_class=”text_check_icon_left check_green”]<\/p>\n

Logo without text<\/h5>\n

The name \u201cNextcloud\u02ee can be optionally left out through, we provide logos without the text.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_column_text css=”.vc_custom_1761045711026{margin-bottom: 2rem !important;}” el_class=”text_check_icon_left mark_red”]<\/p>\n

Logo typeface<\/h5>\n

The typeface of the logo (or similar ones) – Museo Sans Rounded should not be used anywhere else.[\/vc_column_text][vc_column_text css=”” el_class=”text_check_icon_left mark_red”]<\/p>\n

Alter the logo<\/h5>\n

Do NOT alter or overlap the logo with other logos. When overlapping onto images, use the white version and ensure sufficient contrast with the background.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=”nc_default_section” css=”.vc_custom_1755871640411{padding-top: 3rem !important;padding-bottom: 3rem !important;}” el_id=”color-guide”][vc_row content_placement=”middle”][vc_column][vc_column_text css=””]<\/p>\n

Color guide<\/h2>\n

 <\/p>\n

[\/vc_column_text][vc_separator color=”custom” border_width=”2″ el_width=”20″ accent_color=”#0082c9″ el_class=”nc_separator_line”][vc_column_text css=””]<\/p>\n

Nextcloud colors<\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row equal_height=”yes” content_placement=”bottom” el_class=”colors-presentation” min_height=”315px” css=”.vc_custom_1758541645571{margin-top: 3rem !important;}”][vc_column width=”1\/3″]

Nextcloud blue<\/div>

Primary brand color<\/p>