Link List

We’re opti­mists build­ing brand and dig­i­tal for the most impact­ful com­pa­nies of today and the founders defin­ing tomor­row.

A con­trast algo­rithm func­tion for CSS.

Spectral.js is a light­weight JavaScript library for real­is­tic pig­ment mix­ing, using the Kubel­ka-Munk the­o­ry to sim­u­late how real paints absorb and scat­ter light.

A set of 8‑bit styled com­po­nents and a code dis­tri­b­u­tion plat­form. Works with your favorite frame­works.

Ram­p­en­Sau is light­weight, depen­den­cy free and fast JavaScript func­tion writ­ten in Type­Script. It gen­er­ates col­or ramps based on a curve with­in the HSL col­or mod­el. This page serves as pre­view for the vari­ety of options the func­tion takes.

Improve web typog­ra­phy with CSS text-wrap: pret­ty — learn brows­er sup­port, per­for­mance tips, and exam­ples for clean­er, more read­able text lay­outs.

Col­or is com­pli­cat­ed, but you can eas­i­ly learn the dif­fer­ence between a col­or mod­el, space, and gamut, and why they exist in the first place.

In two-col­umn lay­outs, ver­ti­cal­ly aligned images sup­port effi­cient scan­ning bet­ter than images that alter­nate place­ment with text.

Cre­ate har­mo­nious col­or pat­terns with Oklchro­ma, a pow­er­ful OKLCH-based col­or scale gen­er­a­tor for design­ers and devel­op­ers.

Vig­i­lant is a tool for aggre­gat­ing appli­ca­tion logs. Use the SDK to send logs and view them in a dash­board.

Free, open-source load­ing ani­ma­tions. Avail­able as copy/​paste HTML or drop-in web com­po­nents. Com­pat­i­ble with every mod­ern frame­work.

JavaScript and WebAssem­bly imple­men­ta­tions of the Held-Karp algo­rithm for solv­ing the trav­el­ling sales­man prob­lem — qnt­m/held-karp

Unsec­tion is a web­site that offers inspi­ra­tion for var­i­ous web­site sec­tions. It is a good resource for find­ing the best web­site sec­tion for your web­site.

Use gen­er­a­tive art for your place­hold­er images

A dive into mak­ing beau­ti­ful gray col­or palettes with CSS.

Color.js is designed make sim­ple things easy, and com­plex things pos­si­ble, and that extends to instal­la­tion as well.

Ani­cons is an exper­i­ment that com­bines two cut­ting-edge font tech­nolo­gies: vari­able fonts and col­or fonts.

Explore the time­line of mile­stones in the his­to­ry of web design from 1990 to the present day.

Sys­tem font stack CSS orga­nized by type­face clas­si­fi­ca­tion for every mod­ern OS. The fastest fonts avail­able. No down­load­ing, no lay­out shifts, no flash­es — just instant ren­ders.

Best-in-class Design Sys­tems with com­po­nents and foun­da­tions ref­er­ences from top-tier tech com­pa­nies and lead­ing UI teams.

A font based on Voronoi algo­rithm

Adding noise tex­ture with only code to SVG.

Foot­er is a curat­ed gallery of the top web­site foot­er inspi­ra­tion on earth. Find the foot­ers you need and sort by type and style.

Inter is a type­face fam­i­ly

A visu­al & inter­ac­tive SVG ref­er­ence. Quick­ly look up how to define SVG shapes, trans­forms, masks, pat­terns, gra­di­ents, text and more.

Gen­er­ate seam­less, unique, roy­al­ty-free pat­terns to use for free in any project. Export as SVG, JPEG, or PNG.

PDP‑8 / SBC6120 Deep Thought Front Pan­el Toy with the deep thought blink­ing lights, aka ​“blinken­lights” pro­gram.

Hi. My name is Cabel. And I’ve prob­a­bly got the neat­est job in the whole world. I wear many hats. But here on my per­son­al blog, I get to write about the things I real­ly care about, just for you. And from the fact that you’re read­ing this blog aLt all, I think you may…

Archive of dif­fer­ent cor­po­rate design aes­thet­ics through the ages