loading

v33.4.0

select option
Getting started
Components
How to contribute to ink
Support and feedback

Tools

Playroom
Figma library
Figma Cheatsheet
Preview
Usage

Deprecation

Start here
Deprecation list and dates
Codemods 101

Design Guides

Icons
Colors
Design Tokens
Guides
Accessibility
Component patterns
UX Writing

Component Categories

Accessory
Form
Formatter
Hooks
Illustration
Layout
Navigation
Spreadsheet
Table
Typography
Preferences
Github
Version 33.4.0

Guides

Check out these practical guides to help you understand how to design using ink and the tools provided by the ink team.

Analytics

ink components come with built-in analytics setup - it's just a question of activating them.

View guide

Color Palette

Our product colors

View guide

Color Usage

Use color systematically to reduce confusion, improve predictability, and make the product easier to use

View guide

Data Visualization

Guide for creating effective data visualizations

View guide

EmailKit

Carta's email design system

View guide

Figma library 101

How to use ink's Figma library for rapid prototyping

View guide

Ink ESLint Plugin

An ESLint plugin with ink specific rules

View guide

Layout

Use layout components to define page grid and control spacing

View guide

Page Layout

Standard page layouts are familiar, functional and scalable

View guide

Playroom 101

How to use Playroom for rapid prototyping

View guide

PrintKit Guidelines

The basics for how to style a Carta PDF

View guide

ReduxForm Integration

How to use ink components with `ReduxForm`

View guide

Samples' Guidelines

Guidelines on how to build samples for ink's multiple environments

View guide

Usability Heuristics

10 rules of thumb to increase usability

View guide

UX Writing

Follow these guidelines to write clear, concise, and helpful content

View guide

Is this page helpful?