This is for Inpixelform's style guide and this is an H1 tag

About This Site

Instead of a CMS, I am using Sublime Text with FTPSync, Dropbox for version control and PHP. This approach gives me more flexibility with design, while maintaining modularity.

Responsive design is done through Flexbox and Grid. SASS variables and mixins are used for spacing, colours, border-radius and transitions timings. Font-sizing is controlled with REMs with a fallback to pixels.

jQuery is lightly used for page-to-page transitions.

Source Sans Pro is the primary font and is used in weights of 200, 300, 400 and 600. Source Code Pro in the weight of 400 is used for code samples.

Pages may use a dark theme or light theme depending on content. There are tweaks to colours and font weights in order to improve accessibility.

Switch to Dark Theme


Color Palette

This is a New Section

ATTN Each section has extra vertical space seperating each other. This is what a text link would look like. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue.

This is the end of a section and a standalone link.

This is an H2 Tag and a New Section

This is an H3 Tag After an H2 Tag

Nullam id dolor id nibh ultricies vehicula ut id elit. This is text that has been muted. Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. This is text that has been bolded. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a paragraph tag before a list:

  • This is bullet 1
  • This is bullet 2 and it has been muted
  • This is bullet 3
  • This is bullet 4 and it has been bolded
  • This is bullet 5

This is an H3 Tag

Consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.

Transition Timings

200ms

400ms

600ms

800ms

1000ms

That is all

Return to the homepage.