Image: Material Design, Google

DIY Tips for User Interface Design

Color, typography and layout pointers for indie makers, solo founders and bootstrapping startups

Layout

Example layout grid used in my wireframe library Wires (open source).

Typography

Use Gridlover to automatically generate a modular scale for your headline and body text styles.

Colors

Coolors allows you to generate compelling color schemes at the touch of a spacebar.

Fake it ‘till you make it

Indie product designer and maker of https://greet.bot 🇪🇺🇺🇸