Edit layout

Welcome

Learn how to utilise the EMBL-EBi visual identity, code, and language to make better and more accessible services.

The lab is partly about reinforcing our shared identity, but it's mostly about leveraging the best tools to build things faster and with fewer bugs, errors, and user experience issues. This is a collaborative and inclusive effort across EMBL-EBI.

EBI Website basics

General guidance on building a site with the EMBL-EBI Visual Framework.

Website icons

What code to use to get the EBI Icon fonts on a website.

Webpage templates

Various boilerplate HTML sample code to roll a new site with.

Reusable patterns

Discover (and share) code and patterns for button grids, form submission, menu dividers, pull quotes and more.

Fonts & icons

Download icon font sets to use on your computer.

Content-Action Model

Maximise the effectiveness of your content and see if it's working.
See the Code