Skip to main content
UI.S

BuzzFeed Solid

by BuzzFeed

BuzzFeed's design system for building consistent media and content experiences

Philosophy

Error IMPORTANT: Solid is no longer actively maintained, and you should not rely on it being available in the future. Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss , Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS. Additionally, a few globally-reusable HTML and CSS components are available to help new apps spin up quickly without having to reinvent the wheel each time (with more on the way). You can check out the code and on GitHub .

Principles

  • Content-first design
  • Engaging and shareable
  • Accessible
  • Performance-focused

Components

ButtonCardCheckboxGridHeadingIconImageInputLabelLinkListModalNavParagraphRadioSelectSpinnerTableTabsTagTextTextareaToastToggleTooltip

Details

Platforms
web
Tech
sass
Features
sketchicons
Last updated