Page History

Div

id	guidelines-container
class	section

Div

class	container

Div

id	guidelines-introduction
class	cols

Div

class	col-12

HTML

<h1 class="heading-deco primary">EBSI Brand Guidelines</h1>
<p>Welcome to the <strong>EBSI Brand Guidelines page</strong>, your go-to destination for guidelines and assets on how to use EBSI’s brand elements on your channels.</p>
<p>Please respect EBSI’s brand integrity by only using the brand elements as described below. Do not alter or modify these brand assets in any way, nor use them in a way not described in the present guidelines.</p>
<p>If you are looking for guidelines around the European Commission visual identity, please continue to the <a href="https://commission.europa.eu/resources-partners/european-commission-visual-identity_en#logo" rel="noreferrer">European Commission’s website.</a></p>

Div

id	guidelines-main
class	cols

Div

class	col-10 g-body-content

Div

id	what-is-your-role
class	cols

Div

class	col-12

HTML

<div class="cards-container">
	<div class="header-content">
	  <h3>What is your role?</h3>
	  <p>The stakeholder guidelines page is organized around four key roles within the EBSI ecosystem: Early Adopter, Node Operator, Wallet Provider, and Other Types of Partnership. Each role has specific guidance on how stakeholders can engage with the EBSI brand</p>
	  <div id="cta-clear">
		<a class="text-secondary">Clear view</a>
		<img
		  src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/close-x-icon.png"
		  alt=""
		/>
	  </div>
	</div>
  
	<div class="body-content">
	  <a class="card-item" id="e-adopter" data-type="early-adopters">
		<div class="l-side-card">
		  <span><span></span></span>
		</div>
		<div class="r-side-card">
		  <p>I’m an <strong>Early adopter</strong></p>
		  <p>I would like to promote my participation in EBSI’s Pilot Programme</p>
		</div>
	  </a>
	  <a class="card-item" id="w-provider" data-type="conformant-wallets">
		<div class="l-side-card">
		  <span><span></span></span>
		</div>
		<div class="r-side-card">
		  <p>I’m a <strong>Wallet Provider (ASPs)</strong></p>
		  <p>I have successfully passed EBSI Conformance testing and would like to advertise my wallet’s conformance status</p>
		</div>
	  </a>
	  <a class="card-item" id="n-operator" data-type="node-operators">
		<div class="l-side-card">
		  <span><span></span></span>
		</div>
		<div class="r-side-card">
		  <p>I’m a <strong>Node Operator</strong></p>
		  <p>I operate a Node in one of EBSI’s networks</p>
		</div>
	  </a>
	  <a class="card-item" id="another-type" data-type="official-partners">
		<div class="l-side-card">
		  <span><span></span></span>
		</div>
		<div class="r-side-card">
		  <p>I have <strong>another type of partnership with EBSI</strong></p>
		  <p>(coming soon)</p>
		</div>
	  </a>
	</div>
  </div>

Div

class	actors-content

Div

id	early-adopters
class	cols actor-content

Div

class	col-12

Div

class	cols

Div

class	col-12

HTML

<h2 class="heading-deco terciary">Early Adopters</h2>
<div class="section-description"><p>Sign with EBSI as an Early adopter</p><div><span></span><span>Early Adopters</span></div></div>
<p>If you would like to advertise your participation in the Early Adopters Programme (e.g., on your website footer, in an article, etc.), you may use a combination presented below. Please ensure that the phrase is used accurately to represent your involvement in the program.<p>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Sign with our standard logo</strong></p></div>
		<div class="l-body"><p>You can use this in your communications or in your website’s footer. Insert your logo as instructed on the guidance image.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/piloting%20on%20ebsi_Standard%20logo.eps">Download this combination<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid your-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo.png" alt=""/>
	<p style="min-width: 84px;"><strong>Piloting on</strong></p>
	<img class="img-fluid ebsi-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo_EBSI.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Sign with our mute logo</strong></p></div>
		<div class="l-body"><p>You can use this in your communications or in your website’s footer, if you do not have enough room to use the standard logo. Insert your logo as instructed on the guidance image.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/piloting%20on%20ebsi_Mute%20logo.eps">Download this combination<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid your-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo.png" alt=""/>
	<p><strong><span class="d-block"><strong>Piloting</strong></span> on EBSI</strong></p>
	<img class="img-fluid ebsi-logo-V2" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_ebsilogo%201.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="section-description"><p>Communicate about EBSI as an Early Adopter</p><div><span></span><span>Early Adopters</span></div></div>
<p>At EBSI, we place a high value on consistent communication across all actors in our ecosystem. As part of our Early Adopters Programme, we encourage you to reuse some suggestion of taglines describing your participation in the latter.</p>

Div

class	cols

Div

class	col-12

HTML

<div class="copy-element">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span
    >How to live, learn and work in Europe in a way to ensure trust (online) while preserving privacy and simplifying verification.</span
  >
</div>
<div class="copy-element copy-button">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span>Imagine a world where citizens have control over their data.</span>
</div>
<div class="copy-element">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span>We make information easy to verify and almost impossible to fake.</span>
</div>
<div class="copy-element">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span
    >Together, we reimagine mobility in Europe in the era of Web3 We help citizens study, work and grow all over Europe.</span
  >
</div>

Div

id	conformant-wallets
class	cols actor-content

Div

class	col-12

Div

class	cols

Div

class	col-12

HTML

<h2 class="heading-deco terciary">Conformant Wallets</h2>
<div class="section-description"><p>Advertise your Conformant status</p><div><span></span><span>Conformant Wallet</span></div></div>
<p>After successfully passing one or several of <a href="https://api-conformance.ebsi.eu/docs/wallet-conformance">EBSI’s Wallet Conformance test modules</a>, and receiving your signed conformance certificate from EBSI’s Service Desk, you may display the relevant badge on your website, that once your conformant status expires, you may not continue displaying the badge. Only display the badges that correspond to a test module that you have successfully passed. You may display several badges if you have passed multiple test modules.</p>
<p>By using the below badges, please note that you are agreeing with our <a href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/638058995/%28EBSI%29%28MGT%29%28SOD%29%28EBSI%20wallet%20conformance%20testing%29%281.3.5%296%29_Final.pdf">Service Offering Description (SOD).</a></p>

Div

class	cols

Div

class	col-12 guideline-sections

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Accredit and Authorise Conformance badge</strong></p></div>
		<div class="l-body"><p>Use this badge to advertise you passed the “Accredit and Authorise” conformance testing module, always clearly stating, either explicitly or through the placement of the badge, which software or product passed the conformance test.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/Accredit%20and%20authorise%20-%20badge.png" download>Download Accredit & Authorise badge<span></span></a></p></div>
	</div>
</div>
<div class="r-sectionX">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid badges-icons" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Accredit%20and%20authorise.png" alt=""/>
</div>
</div>

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Verify Conformance badge</strong></p></div>
		<div class="l-body"><p>Use this badge to advertise you passed the “Verify” conformance testing module, always clearly stating, either explicitly or through the placement of the badge, which software or product passed the conformance test.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/Verify%20-%20Badge.png" download>Download Verifier badge<span></span></a></p></div>
	</div>
</div>
<div class="r-sectionX">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid badges-icons" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Verify.png" alt=""/>
</div>
</div>

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Issue Conformance badge</strong></p></div>
		<div class="l-body"><p>Use this badge to advertise you passed the “Issue” conformance testing module, always clearly stating, either explicitly or through the placement of the badge, which software or product passed the conformance test.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/Issue%20-%20badge.png" download>Download Issuer badge<span></span></a></p></div>
	</div>
</div>
<div class="r-sectionX">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid badges-icons" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Issue.png" alt=""/>
</div>
</div>
<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Request and Present Credentials badge</strong></p></div>
		<div class="l-body"><p>Use this badge to advertise you passed the “Request and Present Credentials” conformance testing module, always clearly stating, either explicitly or through the placement of the badge, which software or product passed the conformance test.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/Request-present-credentials%20-%20badge.png" download>Download Request & Present Credentials badge<span></span></a></p></div>
	</div>
</div>
<div class="r-sectionX" style="padding: 50px 48px;">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid badges-icons" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_request-present-credentials.png" alt=""/>
</div>
</div>

Div

id	node-operators
class	cols actor-content

Div

class	col-12

Div

class	cols

Div

class	col-12

HTML

<h2 class="heading-deco secondary">Node Operators</h2>
<div class="section-description"><p>Show you’re part of something bigger</p><div><span></span><span>Node Operator</span></div></div>
<p>As a valued member of (one of) EBSI’s network(s) of nodes, it is important that you communicate clearly to anyone visiting one of your communication channels your belonging to EBSI’s network. The guidelines below are a toolkit for EBSI’s Node Operators to present a harmonious and united front, and make sure that your important contribution to the EBSI blockchain network is easily understood by all.</p>

Div

class	cols

Div

class	col-12

HTML

<div class="section-description"><p>Respect the guidelines for your website URL</p><div><span></span><span>Node Operator</span></div></div>
<p style="margin-bottom: 40px;">Similarly to the DNS rules, we recommend your website URL follows a fixed convention. The subdomain should be ebsinode, followed by a freely chosen domain you have chosen to host your node/represent your project.</p>

HTML

<div class="copy-element">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span
    >ebsinode.[FREELY_CHOSEN_DOMAIN].[TLD]</span
  >
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="section-description"><p>Joint logo usage</p><div><span></span><span>Node Operator</span></div></div>
<p style="margin-bottom: 40px;">If you would like to advertise your participation in EBSI’s network(s) of nodes, you may use a combination presented below. Please ensure that the phrase is used accurately to represent your involvement in the program. </p>

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Use our standard logo jointly with your logo</strong></p></div>
		<div class="l-body"><p>You may present your individual logo next to our EBSI node operator logo, on your website and on other communication channels, to represent your Node. Insert your logo as instructed on the guidance image.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/ebsi%20node%20operator%20logo_Joint%20logo.eps">Download this combination<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid your-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo.png" alt=""/>
	<img class="img-fluid ebsi-logo-no" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_ebsi%20node%20operator%20logo%201.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Use our EBSI node operator logo alone</strong></p></div>
		<div class="l-body"><p>If you do not have your own logo, we have designed a special version of our logo for our Node Operators, that they can use on their website and other communications channels to indicate they are operating a Node in (one of) EBSI’s network(s).</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/EBSI_Node%20operator%20logo.zip">Download this logo<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo-no" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_ebsi%20node%20operator%20logo%201.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/close-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Don’t use the European Commissions’s logo</strong></p></div>
		<div class="l-body"><p>It is not allowed to use the European Commission’s logo in any communication as a Node Operator. 
The use of the European Commission's logo is strictly reserved for official communication from the Commission or its authorised representatives</p></div>
		<div class="l-footer"><p></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/close-icon.png" alt=""/>
	<img class="img-fluid european-commission-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo_European%20Commission.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="section-description"><p>Put a statement in your website’s footer</p><div><span></span><span>Node Operator</span></div></div>
<p style="margin-bottom: 40px;">Always put this message in your website’s header, footer, or another placement that is visible on every page, ensuring to complete the sections between [ ] and selecting the options relevant for you.</p>

HTML

<div class="copy-element">
  <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div>
  <span
    >We provide a / [number] node[s] on EBSI’s official [pilot/production] network.</span
  >
</div>

Div

id	official-partners
class	cols actor-content

Div

class	col-12

HTML
<h2 class="heading-deco terciary" style="margin-bottom:40px;">Official Partner</h2> <p style="margin-bottom:97px;">Coming soon.</p>

Div

class	general-content

Div

id	branding-guidelines
class	cols

Div

class	col-12

Div

class	cols

Div

class	col-12

HTML
<h2 class="heading-deco primary">General branding guidelines</h2> <p>Find everything you need about the use of our EBSI brand.</p>

Div

class	cols

Div

class	col-12

HTML

<h3>Our logo</h3>
<p>Whenever you decide to use the EBSI logo on your website or other communications, it should be accompanied by a link to the EBSI website (<a href="https://ec.europa.eu/digital-building-blocks/sites/display/EBSI">ebsi.eu</a>) and it should be clear to visitors that this logo does not imply any kind of endorsement, association, or sponsorship of your website or communication by EBSI.<p>
<p>Please follow the guidelines regarding the use of our logo to ensure it always looks as intended by our brand team.</p>

Div

class	cols

Div

class	col-12

HTML

<h4>Use the right logo</h4>
<p>Only use our official logo that is composed of an icon and a word mark with a tagline. In specific cases you are allowed to use variations, such as the logo without tagline, the logo in black or white and the the mute logo, please read the conditions carefully. Do not use any other variation of the logo than the ones available for download below.<p>

<p>When you are unsure about the correct application of the logo, please consult the branding team. <a class="text-secondary" href="javascript:location='mailto:\u0045\u0055\u002d\u0045\u0042\u0053\u0049\u0040\u0065\u0063\u002e\u0065\u0075\u0072\u006f\u0070\u0061\u002e\u0065\u0075';void 0"><script type="text/javascript">document.write('\u0045\u0055\u002d\u0045\u0042\u0053\u0049\u0040\u0065\u0063\u002e\u0065\u0075\u0072\u006f\u0070\u0061\u002e\u0065\u0075')</script></a></p>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>The standard logo</strong></p></div>
		<div class="l-body"><p>Use the full-color EBSI logo with tagline as a standard.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/EBSI_Standard%20logo.zip">Download this logo in positive and negative<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo_EBSI-tagline.png" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>The standard logo in a solid colour</strong></p></div>
		<div class="l-body"><p>Our black and white logo can be used:
<ul>
<li>If the logo is placed on a background with low contrast, for better visibility and legibility.</li>
<li>If the logo is printed very small or on certain materials where one colour is more suitable for better visibility and legibility or because of printing limitations.</li></ul></p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/EBSI_Standard%20logo%20in%20solid%20colour.zip">Download this logo in positive and negative<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo_EBSI-black.png?api=v2" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>The standard logo without tagline</strong></p></div>
		<div class="l-body"><p>The logo without a tagline is strictly for multilingual publications and for very specific pre-printed stationery which is designed for multilingual use. These include folders for multilingual use, envelopes, and pre-printed documents templates. </p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/EBSI_Standard%20logo%20without%20tagline.zip">Download this logo in positive and negative<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo-wt" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Logo_EBSI_without-tagline.png?api=v2" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>The mute logo</strong></p></div>
		<div class="l-body"><p>The mute logo is strictly for multilingual publications and for very specific pre-printed stationery which is designed for multilingual use. These include folders for multilingual use, envelopes, and pre-printed documents templates.</p></div>
		<div class="l-footer"><p><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/EBSI_Mute%20logo.zip">Download this mute logo<span></span></a></p></div>
	</div>
</div>
<div class="r-section">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo-V2" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_ebsilogo%201.png?api=v2" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/close-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Don’t modify the logo</strong></p></div>
		<div class="l-body"><p>Don’t modify or distort the logo, or change, remove or add elements.</p></div>
		<div class="l-footer"><p></p></div>
	</div>
</div>
<div class="r-sectionX">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/close-icon.png" alt=""/>
	<img class="img-fluid ebsi-wrong-logos" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_wrong%20logos.png?api=v2" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML

<h4>Use enough space around our logo</h4>
<p style="margin-bottom:40px;">Always respect the exclusion zone when putting content next to our logo. The exclusion zone is equal to <strong>half the height of the icon</strong> (marked as X in the diagram).</p>

HTML

<div class="guideline-section_container">
<div class="l-section">
	<div><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/></div>
	<div class="l-container">
		<div class="l-header"><p><strong>Use enough space around the logo</strong></p></div>
		<div class="l-body"><p>The logo’s exclusion zone is equal to half the height of the icon (marked as X in the diagram).</p></div>
		<div class="l-footer"><p></p></div>
	</div>
</div>
<div class="r-section" style="padding: 60px 40px;">
	<img class="checkmark" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/check-icon.png" alt=""/>
	<img class="img-fluid ebsi-logo-dimensions" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/x3_Frame%20255.png?api=v2" alt=""/>
</div>
</div>

Div

class	cols

Div

class	col-12

HTML
<h3>Our colours</h3> <p>Find below some suggestions of phrases you can use to describe your involvement in the EBSI Early Adopters Wave 3.</p>

Div

id	colours-section
class	cols justify-content-between align-items-center

Div

class	col-3

HTML

<div class="colour-content-container">
 <div class="colour-header pink"></div>
 <div class="copy-element">
  <span
    ><strong>#ff0179v</strong></span
  >
   <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div> 
 </div>
 <p>EBSI pink is part of our primary colour palette and is used in different shades for highlighting purposes, visual accents and illustrations.</p>
</div>

Div

class	col-3

HTML

<div class="colour-content-container">
 <div class="colour-header light-blue"></div>
 <div class="copy-element">
  <span
    ><strong>#00b3ef</strong></span
  >
   <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div> 
 </div>
 <p>EBSI Light Blue is part of our primary colour palette and is used in different shades for highlighting purposes, visual accents and illustrations.</p>
</div>

Div

class	col-3

HTML

<div class="colour-content-container">
 <div class="colour-header dark-purple"></div>
 <div class="copy-element">
  <span
    ><strong>#1D0D34</strong></span
  >
   <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div> 
 </div>
 <p>EBSI Dark Purple is part of our primary colour palette and is used in different shades for text.</p>
</div>

Div

class	col-3

HTML

<div class="colour-content-container">
 <div class="colour-header functional-pink"></div>
 <div class="copy-element">
  <span
    ><strong>#C91C88</strong></span
  >
   <div>
    <img
      src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-copy-secondary.svg"
      alt=""
    />
  </div> 
 </div>
 <p>EBSI Functional Pink is part of our primary colour palette and is used for functional User Interface elements/</p>
</div>

Div

id	press-kit
class	cols

Div

class	col-12

Div

class	cols

Div

class	col-12

HTML

<h2 class="heading-deco primary">Use our Press kit</h2>
<p>Our Press Kit is available for anyone who wishes to share news or knowledge about the European Blockchain Services Infrastructure. If you are a member of the Press, are involved in the project or are simply interested in this technology, you will find this guide useful to pass on EBSI’s messages clearly and effectively.</p>
<p class="l-footer"><a class="link-download text-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/568426663/PressKit_02112022.pdf">Download our Press Kit<span></span></a></p>

Div

class	col-3 g-side-content

Div

id	content-nav
class	cols

Div

class	col-12

HTML

<div class="list-nav-container">
  <a class="anchor-smooth-scroll list-item" href="#early-adopters" id="li-ea">
    <div>
      <span></span>
      <p class="tab-item">Early Adopter</p>
    </div>
    <div class="dotted-line">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/dotted-line.svg"
        alt=""
      />
    </div>
  </a>
  <a class="anchor-smooth-scroll list-item" href="#conformant-wallets" id="li-cw">
    <div>
      <span></span>
      <p class="tab-item">Conformant Wallet</p>
    </div>
    <div class="dotted-line">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/dotted-line.svg"
        alt=""
      />
    </div>
  </a>
  <a class="anchor-smooth-scroll list-item" href="#node-operators" id="li-no">
    <div>
      <span></span>
      <p class="tab-item">Node Operator</p>
    </div>
    <div class="dotted-line">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/dotted-line.svg"
        alt=""
      />
    </div>
  </a>
  <a class="anchor-smooth-scroll list-item" href="#official-partners" id="li-op">
    <div>
      <span></span>
      <p class="tab-item">Official Partner</p>
    </div>
    <div class="dotted-line">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/dotted-line.svg"
        alt=""
      />
    </div>
  </a>
  <a class="anchor-smooth-scroll list-item" href="#branding-guidelines" id="li-bg">
    <div>
      <span></span>
      <p class="tab-item">Branding Guidelines</p>
    </div>
    <div class="dotted-line">
      <img
        src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/668548533/dotted-line.svg"
        alt=""
      />
    </div>
  </a>
  <a class="anchor-smooth-scroll list-item" href="#press-kit" id="li-pk">
    <div>
      <span></span>
      <p class="tab-item">Our Press Kit</p>
    </div>
  </a>
</div>

...

Page tree

Versions Compared

Old Version 6

New Version Current

Key