AlphaFold Protein Structure Database
Video · Light
Design System Inspiration
alphafold.com — extracted via DESIGN.md
AI/ML · Protein Structure Prediction
Typography
DM Sans
Heading
IBM Plex Sans
Body
Color palette
TL;DR
AlphaFold's design system is a functional, information-dense framework built for scientific data dissemination. The palette is anchored by a primary "AlphaFold Blue" (#3b6fb6) and supported by a range of neutral grays (#d0d0ce, #54585a) that organize complex academic content. Typography relies heavily on **IBM Plex Sans**, utilizing its technical clarity for both massive 42px display headers and dense 14px legal footers. Layouts are characterized by sharp edges (0px radius), heavy borders (up to 8px on footers), and a distinctive "offset shadow" pattern (#193f90) that provides depth to primary action buttons without using traditional blurs.
Target audience
Academic researchers and biologists looking to access and analyze protein structure predictions for scientific study.
Full tech stack
Analytics
Meta description
AlphaFold Protein Structure Database
Brand Voice
Academic, precise, and utilitarian, prioritizing scientific utility over marketing flair.
Positioning
AlphaFold is an AI-driven protein structure database developed by Google DeepMind and EMBL-EBI. It serves the global scientific and academic community by providing high-accuracy structural predictions to facilitate biological research and functional discovery.
Voice principles
- —Academic: Uses formal, peer-reviewed language and prioritizes proper citation and attribution.
- —Transparent: Openly discusses limitations, confidence levels, and the specific methodologies used to generate data.
- —Functional: Focuses on utility and "how-to" instructions, using direct verbs to guide researchers through the database.
- —Collaborative: Emphasizes the partnership between AI developers and biological institutes, framing the tool as a contribution to the scientific ecosystem.
