Marilyn Barnes

Marilyn Barnes

IT Innovator
48 points

About

Revolutionizing Technology for Businesses

Badges

Contributor
Contributor
Tastemaker
Tastemaker
Gone streaking
Gone streaking

Forums

How to apply a color palette

If you are into color palettes and want to know how to apply them,you can see how they work by example by subscribing to a newsletter that I am sending every 2 weeks. https://www.colorsandfonts.com/n... This is how it works. Color Schemes. --- The color schemes that we are gonna work on are based on the ones in Colors & Fonts. We are going to take a Design system and apply the chosen color palette. UI. ---- The color will be presented on a Design System including buttons, forms, inputs, and components. Files. --- An image will be provided to download and you will be able to copy to Figma. Also, you get a SASS and JS file with the variables to download from GitHub if you want to implement the colors right away. I hope the color palettes are worth it for you guys. reach me out here or twitter https://twitter.com/Mike_Andreuzza have a great day everyone:- ) /Mike

Colors & Fonts dark mode won't hurt your eyes anymore. Hopefully.

Hello everyone, I have changed the layout for the color pickers and typography tools on. - https://www.colorsandfonts.com 100% free to use. I also made a better dark mode. It is still dark, but it won't be too dark that is difficult to read. What will you find? ---- COLOR - Color palettes. - Color gradients. - Color contrast. - Material colors. - Tailwind colors. ( will update soon with new colors ). - Web safe colors. - Color converter. TYPOGRAPHY - Variable fonts. - Font pairings. ( will update soon with new fonts ) - Glyphs. RESOURCES - Resources for designers. - Resources for developers. - HTML Reference. - CSS Reference. On the color tools you can: ----- - Copy the whole color style. - Copy one single color. - Copy the CSS On the typography tools you can: ---- - Copy the import tag. - Copy the CSS. - Preview and edit font pairings. - Download the variable font. - Copy the CSS declaration for the variable font. - Copy glyphs. On the resources you can: ---- - Find resources for developers. - Find resources for designers. - Find HTML reference. - Find CSS reference. There is also a newsletter that I send Tuesdays to get resources on your inbox. Free and without the need of subscribe. The newsletter. - https://www.colorsandfonts.subst... The website. - https://www.colorsandfonts.com

I opened Colors & Fonts analytics, they are public.

Hello everyone, When I removed GA some months ago, I moved to NETLIFY analytics, because Colors & Fonts is hosted there. But I wanted to be more transparent, so here we go. I moved all my side-projects to PLAUSIBLE, because I can share the dashboard and make it public. So go ahead and have a look to them. The dashboard: - https://plausible.io/colorsandfo... The site, Colors & Fonts - https://www.colorsandfonts.com Why am I doing this? Well, first of all it bothers me the idea of being tracked, and am I sure that there's more humans with the same thoughts. I value privacy, and this kind of tools, like Colors & Fonts shouldn't even use analytics like GA. Is not needed if the apps are free...and made for the users. Don't hesitate to comment or ask me anything regarding the project, just go ahead. You can contact me on Twitter: - https://Twitter.com/Mike_andreuzza My side projects: Colors & Fonts: - https://www.colorsandfonts.com Wicked Templates: https://www.wickedtemplates.com And if you want to get a bunch of resources, tools and articles on your inbox every Tuesday. I have a free newsletter for that. You can subscribe or simply read it on the browser because is on substack. The newsletter: - https://colorsandfonts.substack.com , with 1178 readers. Thank you so much for reading and have a great day!

View more