Chromium DevTools UX Style Guide

goo.gle/devtools-ux-style-guide

These guidelines cover the best practices for extending Chromium DevTools' user interface.

Table of contents

  1. How to organize UI
  2. How to style UI
  3. How to (re)use common UX patterns
  4. How to write UI text
  5. How to format numbers
  6. Glossary

UI reviews

If you make changes to DevTools UI, make sure to involve us early, i.e. already in the UI design stage. See also the Chrome DevTools Design Review Guidelines

Back to the Chromium DevTools Documentation.