In order to determine the look and feel of a Twixl app, we offer the concept of 'grid styles' and 'item styles' to determine how your content is presented to a user/reader.
1. Browse Grids
The browse grid style determines how the content of a collection in your app is organized on a 'grid' - each content item can be displayed on that grid using a particular size. Check the screenshot below of a grid that uses 6 columns (a 'grid style'), and where each item on that grid spans a specified number of columns. Different collections in your app can have different grid styles applied to them. Learn more about Grid Styles.
2. Item Styles
The appearance of the cells on your browse pages can be determined in the Item Style options window. While a 'grid style' applies to a collection, an 'item style' applies to a content item.
As you can see, a couple of examples are:
- A title and a subtitle for an article
- A title on an image background
- An image to the left or right of a title & subtitle
- And many more combinations…
To learn more about this, check this article.
4. Custom Fonts
Twixl also supports the use of custom fonts in your app. More details can be found in this article.