One shared truth for Storybook and Figma
Brand rules and structured content empower live sites and designer Figma files.
design systems
1.0Entries
A data font, from the inside out
Datatype is a variable font that turns text into tiny inline charts.
Go schema-first and skeleton loading stops being a problem
The skeleton loading problem is a contract problem in disguise; explicit content schemas dissolve it.
Content architecture: the delivery problem
The technology works, the design looks good, but content can't get to the reader — because nobody agreed on what a card is.
Enabling a more dynamic EMBL online
From contentHub to VF 2.0: foundations for faster, more flexible journeys across One EMBL.
Untangling an 80-link footer into scannable navigation
EMBL.org's footer had become a screen-and-a-half of densely packed links — failing users and stakeholders alike.
Building your first page with the Visual Framework 2.0
A quick start on how to work with Visual Framework 2.0 CSS, JS and structure your HTML — and lots of links to learn more.
Fractal and Eleventy: Getting static sites closer to the design system
For the Visual Framework 2.0 component system we recommend Eleventy for static sites: Eleventy sites get direct access to component templates with associated metadata and a focused component library.
Building a component library adopted across 50+ scientific properties
Dozens of teams across six countries were solving the same UI problems independently — duplicating effort and fragmenting user experience.
EMBL-EBI Day: Visual Framework 2.0 outreach
Sharing VF 2.0 with developers: flexible, backwards‑compatible components and docs for faster adoption.
Faster scientific websites through reusability
Growing an EMBL‑EBI solution into a Visual Framework for the life sciences.
Comparing IBM Plex and Fira Sans
Here's a quick comparison between, Plex, Helvetica, Fira and a couple of other stand-ins.
Better corporate design through information architecture
Using 'brand architecture' at the heart of identity design.
