powered by
LOGO

fastn Color Scheme Packages

If you are maintaining a website, it is a good idea to keep the color scheme (and typography for that matter) separate from your main code base, so you can easily change the colors of your site.

FASTN packages are recommended to use fastn.color variable instead of harcoding colors. In your main package, you can then import one of the color schemes and change the colors.

fastn packages are either “regular packages”, regular packages come with ftd components but they do not specify any colors, they just use fastn.color variable, and then there are “color-scheme packages”, and these packages do not define any ftd components, but update the fastn.color variables.

FASTN color scheme packages is a good way to distribute your color palettes. There is a color-doc component to document such color schemes, and in future we are also planning to create a way to export the color scheme as design.json, so you can use the color schemes even from a non fastn package.

LOGO

fastn Color Scheme Packages

If you are maintaining a website, it is a good idea to keep the color scheme (and typography for that matter) separate from your main code base, so you can easily change the colors of your site.

FASTN packages are recommended to use fastn.color variable instead of harcoding colors. In your main package, you can then import one of the color schemes and change the colors.

fastn packages are either “regular packages”, regular packages come with ftd components but they do not specify any colors, they just use fastn.color variable, and then there are “color-scheme packages”, and these packages do not define any ftd components, but update the fastn.color variables.

FASTN color scheme packages is a good way to distribute your color palettes. There is a color-doc component to document such color schemes, and in future we are also planning to create a way to export the color scheme as design.json, so you can use the color schemes even from a non fastn package.