{"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-11-11T13:22:23","modified_gmt":"2026-11-11T12:22:23","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 el_class=”page-title centerMobile”]<\/p>\n

Nextcloud
brand guidelines<\/h1>\n

[\/vc_column_text][vc_column_text 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” 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 onclick=”custom_link” image=”330524″ img_size=”large” alignment=”center” css=”.vc_custom_1758110278033{margin-bottom: 2rem !important;}” link=”#marks-guide” el_class=”lightBGgradient-small borderRadius padding_2rem”][vc_btn title=”Nextcloud marks guide” align=”center” link=”url:%23marks-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image onclick=”custom_link” image=”330539″ img_size=”large” alignment=”center” css=”.vc_custom_1758110282427{margin-bottom: 2rem !important;}” link=”#logo-guide” el_class=”lightBGgradient-small borderRadius padding_2rem”][vc_btn title=”Logo guide” align=”center” link=”url:%23logo-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image onclick=”custom_link” image=”337474″ img_size=”large” alignment=”center” css=”.vc_custom_1758541379697{margin-bottom: 2rem !important;}” link=”#color-guide” el_class=”lightBGgradient-small borderRadius padding_2rem”][vc_btn title=”Color guide” align=”center” link=”url:%23color-guide” el_class=”btn-main”][\/vc_column][vc_column width=”1\/4″][vc_single_image onclick=”custom_link” image=”330529″ img_size=”large” alignment=”center” css=”.vc_custom_1758110291627{margin-bottom: 2rem !important;}” link=”#typography-guide” el_class=”lightBGgradient-small borderRadius padding_2rem”][vc_btn title=”Typography guide” align=”center” 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 border_width=”2″ el_width=”20″ color=”custom” 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” style=”vc_box_rounded” alignment=”center” 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” 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_animation=”none” css=”.vc_custom_1794399739932{margin-bottom: 2.5rem !important;}” 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_btn title=”Trademark guidelines” link=”url:https%3A%2F%2Fnextcloud.com%2Ftrademarks%2F|title:Nextcloud%20trademark%20guidelines|target:_blank” el_class=”btn-main”][\/vc_column][\/vc_row][\/vc_section][vc_section css=”.vc_custom_1755862650910{margin-top: 0px !important;}” el_class=”nc_default_section general-guidelines” 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]<\/p>\n

Logo guide<\/h2>\n

[\/vc_column_text][vc_separator border_width=”2″ el_width=”20″ css=”.vc_custom_1668156794131{margin-top: 2rem !important;margin-bottom: 2rem !important;}” color=”custom” accent_color=”#0082c9″ el_class=”nc_separator_line”][vc_column_text]<\/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 onclick=”img_link_large” image=”76877″ img_size=”large” alignment=”center” img_link_target=”_blank” el_class=”logo-preview image_download blueGradient borderRadius padding_6rem_4rem”][vc_column_text]<\/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 onclick=”img_link_large” image=”76887″ img_size=”large” alignment=”center” img_link_target=”_blank” el_class=”logo-preview image_download padding_6rem_4rem borderRadius blueBorder”][vc_column_text]<\/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” style=”vc_box_rounded” alignment=”center” el_class=”mark_only_logo_img blueGradient borderRadius”][vc_single_image image=”114709″ img_size=”large” alignment=”center” el_class=”mark_only_logo_img borderRadius blueBorder”][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/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” 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” css=”.vc_custom_1755864148435{margin-top: 2.5rem !important;}” el_class=”logo_usage_requirements”][vc_column][vc_column_text]<\/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” el_class=”borderRadius w100″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”330607″ img_size=”large” alignment=”center” el_class=”borderRadius w100″][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/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” el_class=”borderRadius”][vc_column_text]<\/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” css=”.vc_custom_1755864148435{margin-top: 2.5rem !important;}” el_class=”logo_usage_requirements”][vc_column][vc_column_text]<\/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 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 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 css=”.vc_custom_1755871640411{padding-top: 3rem !important;padding-bottom: 3rem !important;}” el_class=”nc_default_section” el_id=”color-guide”][vc_row content_placement=”middle”][vc_column][vc_column_text]<\/p>\n

Color guide<\/h2>\n

 <\/p>\n

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

Nextcloud colors<\/h3>\n

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

Nextcloud blue<\/div>

Primary brand color<\/p>