Building this blog
Tools used for building this blog:
- Using the sveltekit starter from josh-collingsworth found at https://github.com/josh-collinsworth/sveltekit-blog-starter/
- Icons from https://docs.robbrazier.com/svelte-awesome/icons
- Selecting colors: http://colormind.io/bootstrap/
- My own pinboard views
- My own migration from tumblr and medium (with varying success)
Color palette right now from colormind.io
--accent: #91BED5; --background: #FAF9F8; --lightAccent: #d3aaf2; --lighterAccent: #E6E8E4; --dark: #A47FA0; --darker: #4561B1; --slate: #2F3948;
Use this color as the background for your dark-on-light designs, or the text color of an inverted design.
Accent colors can be used to bring attention to design elements by contrasting with the rest of the palette.
Main brand color
This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity.
Another accent color to consider. Not all colors have to be used - sometimes a simple color scheme works best.
Use as the text color for dark-on-light designs, or as the background for inverted designs.