Design

Interface guidelines
Icons

Build

React Components

Contribute

About

Elemental Zcash Design System

Get started with the Elemental Zcash Design System. Create Zcash inspired designs and apps such as wallets or tipping apps.

Getting Started

The Elemental Zcash Design System is a design specification and component library for designing and building apps for the Zcash ecosystem, or for adding Zcash support to existing apps.

Documentation can be found at elementalzcash.com

Components

Cross-platform React.js and Sketch component library for Elemental Zcash. These include themeable and customisable components such as text, buttons, text inputs, etc. In the future will be expanded to other platforms like SwiftUI and Jetpack Compose.

Example usage:

<Text color=“greens.50” bold>Click here</Text>

Locales

Zcash specific language and translations for Zcash wallets or apps.

Typography

Typography tokens and styles for Elemental Zcash apps. Interoperable with the component libraries.

Colors

Color tokens and styles for Elemental Zcash apps with JSON and hex values, together with palette generation from core colors. Interoperable with the component libraries.

Icons

Typography tokens and styles for Elemental Zcash apps. Interoperable with the component libraries.

Zcash specific icons must be used in accordance with the Zcash Trademark Policy.