Meet LUCI

LUCI is NetApp's Digital Design System that enables digital product teams to quickly design and build high-quality, consistent user experiences.

Latest Release 2.1.0-beta.1

Published on 12/08/2017

See What's New

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

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 Guide

For Developers

We’re still working on our Developer-specific
Get Started
guides and resources. For now, familiarize yourself with the latest release and Visual Language & Component pages.

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 Guide

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.