Solo Cube

[Solo Cube @solo_cube]

oklch is great. betterLCH takes it further.

A tool for advanced color manipulations and precise contrast control — sync with @figma and see your whole theme update instantly.

Try it free at https://t.co/bMpe0GfQwC

Details in a thread.

#oklch #apca #figma #designsystems

[Solo Cube @solo_cube]

@msllrs @iamdavidhill @opencode Semi-transparent overlays are beneficial for gradient/image backgrounds, but for solid colors I dream about relative color syntax in Figma similar to CSS (+oklch of course):x
https://t.co/kkU2x7LEyu

[Solo Cube @solo_cube]

Wouldn't this be handy in @figma?

[Solo Cube @solo_cube]

https://t.co/bMpe0GfQwC

[Solo Cube @solo_cube]

APCA is a modern, perception-based contrast standard. WCAG is still the legal one. betterLCH now supports both.

Obtain the right contrast for any color combination.

#oklch #accessibility #a11y #apca #wcag #designsystems

[Solo Cube @solo_cube]

@gleb_sexy @figma I’m a simple man: I see someone manually tweaking details for hours — like it immediately

[Solo Cube @solo_cube]

Try it at https://t.co/bMpe0GfQwC

[Solo Cube @solo_cube]

Infinite color combinations. Almost identical contrast every time. This is what contrast generation looks like — not checking, generating.

Deep dive into betterLCH — a color tool I've built for design system teams who want full control over their color system.

Links in thread.

[Solo Cube @solo_cube]

A breakdown in the article: https://t.co/sQmJ6vYZFA

[Solo Cube @solo_cube]

Wouldn't this be handy in @figma?

[Solo Cube @solo_cube]

@creativedrewy @figma No, these bricks are not 3D objects, but hand-drawn vector shapes :)

[Solo Cube @solo_cube]

5 years ago I built a Bricks Constructor in Figma.
It always felt unfinished.

Aligning and stacking bricks on the canvas was just too painful — so it sat there, incomplete.

@figma Make finally changed that.

Now it's interactive, and it's live: https://t.co/SZzjGTYf5u

[Solo Cube @solo_cube]

@figma Whole day:

[Solo Cube @solo_cube]

Initially, I didn't want to add any decoration to betterLCH, focusing purely on its function.
But how can you stand using a beautiful shader when it's as easy as hitting ⌥R in @paper? And it maps straight to my color styles!

[Solo Cube @solo_cube]

oklch is great. betterLCH takes it further.

A tool for advanced color manipulations and precise contrast control — sync with @figma and see your whole theme update instantly.

Try it free at https://t.co/bMpe0GfQwC

Details in a thread.

#oklch #apca #figma #designsystems

[Solo Cube @solo_cube]

When you're done, export directly to Figma as variables.
Change one base color → your entire design system updates in seconds.

Try it yourself at https://t.co/bMpe0GfQwC

[Solo Cube @solo_cube]

It started with a glance at Geist Pixel and ended up as a @figma template that helps to precisely align the font with patterns and pixel grid: https://t.co/GPbCQh54QH