Design Tips


As a designer, you are more than aware that consistency is a large part of the job. With Indexhibit, or any system whatsoever, you want to find the tools and techniques that work best for what you wish to achieve, and then you should apply them as often as you can.

For the most part, I've tried to accentuate the first two columns in this theme whenever possible. With the exception of the counter for Slides, I've kept all colors to just two. All type is placed in the same size and bold is sparingly used. Reduction is often where design begins.

Big Typography

The original version had some oversized heading styles (h1, h2, h3, h4). I think they were nice - but not for this demo site. You can easily change your typeface and all your font sizes, weights and styles via the /ndxzsite/theme/style.css file. Once you get the hang of it, it's fun!


I have made a number of customizations for this demo that will not be provided with the downloadable files. Feel free to look at the CSS for this site to learn how I'm doing these things.


How do you make quick text columns?

Easy, I input them into the textspace. However there are a few simple rules involved doing this - and it is helpful to know basic html, css and what flex is but it's not required.

You need to remember to put a pixel value for the width of each of your columns. The basic code that drives this is inside /ndxzsite/css/slides.css and you can make adjustments as you wish.

This is an example of how it should look in your editor:

<div class='cdeux-container'>
<div class='cdeux' style='width: 350px;'>
This is where you input your text. Remember that you need to have two 
full returns after each block or both your div's and your paragraphs will 
not work.  Just try it a few times and you'll see how easy it is.
<div class='cdeux' style='width: 350px;'>
This is a second column.

You can learn more about CSS/Flex here.

Built with Indexhibit