Prototype | ChromaContext | nlightn

nlightn Navigation

Contents
Contact
- About
- Colophon
Shop
Search

Contents
Contact
- About
- Colophon
Shop
Search

ION | ChromaContext PRO

Initializing...

ELEMENTS

Manage

Evaluating Scene...

No Entities in Scene

Select entities from the cloud registry or drag in a CSS file.

Coordinate Space

Y-Axis: Lightness (L) X-Axis: Green-Red (a) Z-Axis: Blue-Yellow (b)

Context

Scale Map

Context Vector

A11y Simulators

Data Ingestion

CSS Token Ingestion

Drop CSS Token File

Regex maps to active scene & syncs to cloud.

JSON Entity Sync

Drop Entities .json

Bulk sync structured objects.

© 2026 nlightn. All rights reserved.

Contents
Contact
- About
- Colophon
Shop

Orders
Downloads
Addresses
Account details
Lost password

LinkedIn Instagram Behance

© 2015 nlightn. All-rights reserved.

Type and Press “enter” to Search

© 2015 Bryan Jones. All-rights reserved.

Contents Panel

may need to press twice

Dark Mode (beta)

Color Elements

HCON

Bold Elements

HCON

Color Particles

HO^-

Color Compounds

NADH

Column width:

Buttons provide an option to modify the way text is displayed. Users can choose from a range of settings that alter the font size, style, color, spacing, and other visual aspects of the text.

Modifications can be particularly helpful for individuals who have difficulty reading small text or distinguishing between certain colors, or for those who simply prefer a different visual presentation. Overall, the buttons serve as a useful tool for customizing text to meet the needs and preferences of different users.

Fonts may take time to load

Load Original Fonts

Load Head

Load Futura

Load Meta

Load Margin

Load Aria Pro

Load Le Monde Courier

Load Merriweather

Load Leo

Load Bree

Load Bernhard

Load Fira Sans

Load Native

Load Gitan

Beta
Available for sections: States of Matter, Chemical Reactions

Beta Version 1.0
available for sections: States of Matter, Chemical Reactions

Select audience A

Give me pictures now! Change to Pre-Med audience

Change to Audience A

Show me pictures now!

Pre-med Audience

Highschool -unavailable

Highschool AP -unavailable

Change information to fit your needs:

Reference

Open content's link in new tab to update url.

Beta version 1.2

Formula Settings

Uniform Global Scale

IUPAC Atom Colors

Explicit Carbons (C)

Show Hydrogens (H)

Inset Ring Bonds

Ion Color System (Atoms)

Ion Color System (Bonds)

File Naming Preference

Global Scale 35px/u

Bond Thickness 2px

Atom Label Size 16px

Typography

Use Google Fonts

Atom Label Font

Google Font

Atom Label Weight

Bond Color

Background

Post-Processing

These filters apply to live previews and SVG exports globally.

Drop Shadow Filter

Atom Label Masking (Knockout)

Crisp Bond Lines (Non-Scaling)

Text Stroke (Halo) 0px

Style Presets

Copy your current global style configuration to share, or paste a code below to apply it site-wide.