LUCI Design System

LUCI (Library for User-Centered Interfaces) is a toolkit of digital assets to help product teams design and build high-quality, cohesive user experiences quickly and efficiently.

A Tiered System

LUCI serves as the "Core" of NetApp's tiered Digital Design Systems. Properties may use LUCI as-is, or build upon it to meet their own use cases. Why Tiers?

LUCI wants to hear from you!

LUCI is designed to be a product that serves other products. The team invites feedback and participation from all LUCI users to make the design system better! Here's how to get in touch .

Resources and Guides

New to LUCI or need a refresher? Review our Get Started Guides for Designers and Developers.

For Designers

Get familiar with the visual language and access sticker sheets and other design assets.

Get Started

For Developers

Learn how to setup LUCI in your local development environment.

Get Started

For Product Managers

Want to use LUCI on your existing or new product? Learn the basics of how to enagage with the LUCI team.

Get Started

Visual Style

LUCI is founded upon a system of color, typography, iconograpy, and spacing. These elements form the basis for creating cohesive experiences.

UI Components

LUCI includes ready-made HTML and CSS components to facilitate efficient and consistent design and development of common interface controls. LUCIs components are:

  • High-quality, production-grade, semantic and accessible component markup
  • Responsive and content resilient (fluid)
  • Cross-browser compatible CSS

All currently available LUCI components are listed in the left-hand navigation panel. More components are being designed and developed.
See what's coming

Why LUCI?

Efficiency

Accelerates product development by reusing pre-built assets (vs. designing and building duplicative parts within individual products)

Scalability

Scales to any type of digital product or web site by virtue of being platform and tech-stack agnostic.

Cohesiveness

Improves consistency across the NetApp portfolio by creating more standard, learnable, and consistently branded experiences.

Quality

Includes fully vetted and tested design assets that, when adopted, improve the quality of products that adopt them