Where can I find 12 column guides templates?

Apr 07, 2024

Hello Storyline developers,

Does anybody know where I can find a 12 column guides templates for creating custom slide designs? These are very common in UX and/or web design.

* 12 columns, because only 12 can be divided in 2, 3 and 4.
* The template should have a top, right, down and left margin.
* The slide may be bigger if this doesn't cause problems in Articulate or websites.
* The gutter shouldn't be too small (less than 20px).

 

- Verhoeckx

3 Replies
Math Notermans

As Storyline is very outdated by using a slide concept, you can forget about a 12 column template or guide as they just donot work like in UX or web design. Basically Storyline stuck to the old paradigm of slides, and scales those up in the browser in the player. If publishing to HTML, you donot get HTML pur sang. It is Articulate's own interpretation of HTML. Lots of spans, all converted to SVG. Inline SVG also.

Jeroen Verhoeckx

I solved the problem in the following way:

  • Increased the size of a slide from 960*540 to 1920*1080.
  • Added a margin of 120px to all sides.
  • Created a 12 column layout In Penpot (prototyping software).
  • Imported the 12 column layout and and set it as the background of the slide (between the margins).
  • Added all the guides using the 12 column background image.

I now have what I wanted :-)!