Framepad Starter File

Framepad Starter File

Framepad Starter File

Version 1.1

Version 1.1

Version 1.1

Framepad Starter is a system of guidelines and methods to build consistency and structure into your Framer projects.

Framepad Starter is a system of guidelines and methods to build consistency and structure into your Framer projects.

Framepad Starter is a system of guidelines and methods to build consistency and structure into your Framer projects.

1

1

1

Start by editing the style guide page, setting fonts and colors, buttons etc.

Start by editing the style guide page, setting fonts and colors, buttons etc.

Start by editing the style guide page, setting fonts and colors, buttons etc.

2

2

2

When you're ready to start building out your first page, delete this section (layer called 'DELETE ME') and start adding content in the 'L Container' layer.

When you're ready to start building out your first page, delete this section (layer called 'DELETE ME') and start adding content in the 'L Container' layer.

When you're ready to start building out your first page, delete this section (layer called 'DELETE ME') and start adding content in the 'L Container' layer.

3

3

3

If you're using Framepad components, delete the 'Section' layer and paste all components into the 'Main' layer. That's it! Happy building!

If you're using Framepad components, delete the 'Section' layer and paste all components into the 'Main' layer. That's it! Happy building!

If you're using Framepad components, delete the 'Section' layer and paste all components into the 'Main' layer. That's it! Happy building!

NOTE:

NOTE:

NOTE:

When creating new projects, rather than duplicating this Starter file, we recommend remixing the original Framepad Starter file from https://framepad.co/starter, to ensure you are using the most up to date file.

Created by @matteotiscia

Created by @matteotiscia

Created by @matteotiscia