Introducing Pollen

Pollen is a collection of CSS variables designed for rapid prototyping, consistent styling, and as a utility-first foundation for your own design systems.

What it looks like

Pollen has no buildstep, class naming conventions, or framework gotchas. It works in stylesheets, inline styles, and CSS-in-JS.

.button {
  font: var(--font-sans);
  padding: var(--spacing-1);
  background: var(--color-blue);
  color: white;
  border-radius: var(--radius-2);
  box-shadow: var(--elevation-1);
  transition: background 150ms var(--easing-standard);
}

Modules

• ​Typography system​

• ​Color palette​

• ​Layout scales​

• ​UI library​