Customize theme for shadcn/ui with tweakcn's interactive editor.
While orange and green might make a fetching palette, it spells bad news for accessibility, meaning there's much to be learned from Ms Swift's design flaw. You can employ the best designers or opt for the best website builder, but without accessibility at the forefront of your design, you risk alienating a huge audience. By today's standards, aesthetics and accessibility need to work in tandem, and sadly, Taylor's website misses the mark.
Images in long-form content can (and often should) do more than illustrate. They can shape how people navigate, engage with, and interpret what they're reading. They help set the pace, influence how readers feel, and add character that words alone can't always convey. So, how do you use images to add personality, rhythm, and even surprise someone along the way? Here's how I do it.
I never thought I'd write a piece criticising Taylor Swift. I've been a devoted fan since becoming enraptured by her Eras Tour movie. And while my musical tastes normally veer towards post-rock, punk and metal, her pandemic opuses Evermore and Folklore reached parts of my heart I never knew pop could touch. So I genuinely believed Taylor could do no wrong. But unfortunately, her latest website is a masterclass in how not to design for inclusion.
At some point, I think all web designers circle around to the thought that if design software was only more like the web itself that it would be better for it. We would gain efficiency in that there may not need be much translation at all between design and the finished product. Time and quality suffer during the translation required now.
CSS has grown from a language solely focused on presentation to one that incorporates logical functionalities, including features like container queries and the if() function, blurring the lines between styles and logic.
Keeping things simple is key to making SVGs that are optimised and ready to animate. Tools like Adobe Illustrator convert bitmap images to vectors, but the output often contains too many extraneous groups, layers, and masks. Instead, I start cleaning in Sketch, work from a reference image, and use the Pen tool to create paths.