Here, wed like to show you how JSN Artista can be utilized for multiple kinds of websites, staring from simple personal website ending with professional news portal. All content are fictions and serves for demo purpose only.

• News Portal / Online magazine
• Personal website / Blog
• Corporate website / Service providers
• Community website / Fan clubs
• Online shops

Here are some real life examples of JSN Artista.

Easy to start

One of the fastest and easiest ways to learn template is to install sample data and start playing with it. JSN Artista provides unique mechanism of installing sample data directly on your current website. Just few steps and the demo website is here.

More about easy start

Painless Configuration

All JoomlaShine templates can be effortlessly configured by template parameters. In template setting page, you will find 40+ template parameters arranged into logical groups for convenient operation. All parameters are equipped with description text for easier understanding.

More about configuration

Flexible layout

JSN Artista provides 36+ module positions allowing you to have multiple layout configurations. Module positions are designed in smart way to cover all possible spot where you might want to put content. You can specify width of both overall layout and specific columns conveniently via template parameters.

More about layout

Multiple Color Variations

JSN Artista provides 6 major colors variation for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.

More about color variations

Versatile Menu Styles

JSN Artista provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module is utilized, so you don't need to install any external menu modules.

More about menu styles

Comprehensive Typography

JSN Artista was developed with extreme focus on typography and we believe it provides the most comprehensive content presentation capability. Headings, text, links, tables, images, everything was designed with high level of refinement.

More about typography

Excellent Mobile Support

All JoomlaShine.com templates have special built-in design optimized for modern mobile devices iPhone, Android and Windows Mobile-based.

Unlike other template providers, we do not develop something that looks like a mobile app with heavy menu and animation. We built compact and lightweight version of the template preserving the whole original look-and-feel.

More about mobile support

Native RTL Support

All JoomlaShine templates are equipped with native RTL layout support. We spent huge amount of time tweaking every tiny details of the template to make it look absolutely awesome in RTL mode. Everything is horizontally-flipped including dropdown main menu and side menu.

More about RTL support

Social Icons

In JSN Artista, you are free to integrate your social channels without digging into the code. You can also change positions of social icons by dragging and dropping them. There are 12 icons that cover most of major social media services and application

More about Social icons

Cool Image Gallery

The image gallery you see on this website is another cool product JSN ImageShow from JoomlaShine.com. With flash technology applied, you get smooth experience and consistent performance in all browsers.

For mobile device, we have built special lightweight Javascript version, so you can be absolutely sure about images presentation.

More about image gallery

Manage Joomla easily

When you install sample data template, you will have one more powerful extension to manage your Joomla site: JSN PowerAdmin. It provides spotlight search, giving results as you type. When you find the desired item, just click it to open the edit page.

More about JSN PowerAdmin

Great Docs & Support

One of hottest features in JSN Artista is extended styles adapted for a very popular Joomla! extension K2. Technically extended styles are overrides of default extension’s style (images + CSS) and located in folder “/ext/k2” inside template folder.

Extended style for K2 includes adapted tabs color, additional module styles, fixed alignment issues and some other minor visual enhancement.

Component styling

Here is how K2 component will look like after extended styles applied.

Module styling

Besides from extended component styling you can use template module styles for K2 modules as well.

The K2 extensions is not included in the template package and you have to download separately at http://www.getk2.org

We have been developing JSN Artista for more than a year and that tremendous amount of time allowed us to roll out some really advanced stuff. For us, the word advanced is not just fancy marketing buzz, but really something that you will not likely see anywhere else.

Here you can see live demonstration of Tree Menu.

Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.

To setup Tree Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest.

Tree Menu with Icons and Rich Text

Here you can see live demonstration of Tree Menu with icons and rich text.

Tree Menu can present menu items with icons and descriptive text, pretty much like Main Menu and Side Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non lorem libero. Vestibulum a leo ac tortor congue euismod. Nam sed nulla tellus. Suspendisse ut hendrerit justo. Sed molestie vestibulum nisl, a sodales urna molestie nec. Etiam neque nisl, malesuada ut egestas ut, facilisis vel leo. Morbi gravida blandit porttitor. Phasellus sed diam ante, quis lobortis tortor. Nunc quis mi congue ipsum fringilla hendrerit nec eget magna.

Lorem ipsum

Quisque sed mi non risus egestas cursus. Aenean odio mi, rhoncus sit amet tincidunt placerat, pellentesque ac mi. Mauris est lectus, faucibus vel ultrices eget, lobortis vitae lorem. Nam non nisl vel lorem pulvinar pharetra quis nec augue. Sed in odio lorem. In hac habitasse platea dictumst. Pellentesque elementum, ipsum vel sollicitudin porttitor, felis augue pharetra erat, ut vestibulum dui turpis sed nulla. Suspendisse ac nulla nisi. Fusce sed est a leo gravida bibendum non non odio. Maecenas et tortor sit amet dolor sagittis scelerisque sed sit amet lectus. Suspendisse sollicitudin suscipit velit, eu pellentesque tortor tristique a. Aliquam ut velit dolor, quis convallis orci. Curabitur tincidunt aliquam tellus id tempor. Etiam iaculis erat id metus placerat eget lacinia est eleifend. Ut in interdum mi.

At the top of this page, you can see live demonstration of Top Menu.

Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.

You can choose up to 500+ predefined Font Awesome icons to menu item.

To set up icons, you need to go to menu item settings and add symbol combination fa fa-xxx to menu item's parameter Link CSS Style, where xxx is the icon name.

• See preview of all icons

Here you can see live demonstration of Side Menu with icons and rich text in RTL layout.

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To setup Side Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest. There are very detailed instructions in template documentation.

Side Menu with Icons and Rich Text

Side Menu can present menu items with icons and descriptive text, pretty much like Main Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

See Side Menu in Normal layout

Here you can see live demonstration of Side Menu with icons and rich text.

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To setup Side Menu you just need to configure module parameter “Menu Class Suffix” appropriately and the menu system will take care of the rest. There are very detailed instructions in template documentation.

Side Menu with Icons and Rich Text

Side Menu can present menu items with icons and descriptive text, pretty much like Main Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

Side Menu with RTL Support

Side Menu works flawlessly even in RTL layout, in which sub-menu panels will slide out from right to left.

On top of this page, you can see live demonstration of Rich Menu.

With this menu system you can attach icons and add descriptive text to each menu item making them much clearer and visually appealing. The best thing is you can use the default menu module built-in Joomla!, no need to install external menu modules.

Menu items with descriptive text

JSN Artista allows you to present menu items with descriptive text placed on a separated line at the bottom of main text.

To setup text strings you need to go to menu item settings and add symbol combination “(=)” as separator between primary and secondary text.

In the example above text “Home” is the primary text and “Lorem ipsum dolor sit...” is the secondary text. Separator between them is the symbol combination “(=)”. Really simple and elegant solution.

Menu items with icons

JSN Artista allows you to assign up to 20 predefined icons for items in main menu.

To setup icons, you need to find template parameter Main Menu Icons and choose any icon you want to display from drop-down panel.

Combination of descriptive text and icons

You can use combination of descriptive text and icons to get Rich Menu in it's best presentation.

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu Icons

You can attach any of 500+ predefined Font Awesome icons to menu items to make them more appealing.

To set up icons, you need to go to menu item settings and add symbol combination fa fa-xxx to menu items parameter Link CSS Style, where xxx is the icon name.

• See preview of all icons

Main Menu Rich Text

You can add descriptive text to menu items to make them much clearer.

To set up descriptive text, you need to go to menu item settings and add descriptive text to menu items parameter Link Title Attribute.

Main Menu Icons and Rich Text in combination

You can set up menu items to utilize both icons and rich text in combination. Take a look at main menu on this page to see live demonstration.

Main Menu Sticky

Sticky Main Menu is the great solution for visitor to access the navigation menu easily. No more worry when the user scrolls down the page, your main menu is locked into place.

To setup Sticky Main Menu, you need to go to Template Manager -> tab Menu & Site Tools. Here you can check to enable sticky menu on Mobile, Desktop or not.

Mega Menu

Mega menus allow for efficient, hierarchical organization and grouping of menu items. Mega menus can use icons and pictures to make scanning easier and guide users to the information they are looking for without overwhelming them .

To setup Mega Menu, you need to go to Template Manager -> tab Megamenu. Here you can check to enable mega menu and configure in suitable menu items.

Here you can see how content are presented only in main content area. Sometimes, you will need a lot of space to present content and that how it will looks like.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit dui eu augue faucibus non interdum odio elementum. Praesent faucibus lorem sed massa condimentum in semper lacus aliquet. Aliquam viverra erat a libero accumsan a egestas lorem hendrerit. Donec id elit dolor. Phasellus est ligula, hendrerit id vehicula sit amet, placerat ut diam. Sed eu fringilla lectus. Aliquam augue lorem, suscipit eu consequat vel, viverra id diam. Praesent lectus elit, interdum a imperdiet vitae, cursus at velit.

See all module positions outline

This is 3 columns layout with content presented on the right side, which is typical for blog sites. On left side columns you can present modules with sumplementary information for main content. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is pretty “old-fashioned” 3 columns layout with content presented at center. On side columns you can present modules with equal importance. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is also 3 columns layout with content presented at center, but the right side column was designed to present content of secondary importance comparing to those in left side column. On side columns you can present modules with equal importance. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is also 3 columns layout with content presented at center, but the left side column was designed to present content of secondary importance comparing to those in right side column. On side columns you can present modules with equal importance. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is 3 columns layout with content presented on the left side, which is typical for blog sites. On right side columns you can present modules with sumplementary information for main content. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

JSN Artista has some great features to improve your website visibility to search engines and audience with disabilities. All these SEO features are not new, but they are built-in the template and you do not have to install any additional extensions.

Source ordering

One of the most important SEO techniques is to make sure that search engine can find your critical content before others. To make this possible in our template code structure we generate the “center” part first and only after that “left” and “right” columns.

In this way, you can be sure that search engines will see your critical content first. You can use Lynx browser both online or offline to make sure of that.

Website Title

This feature allows you to use value defined in parameter Site Name from Joomla Global Configuration and show it in tag <title> on every pages. By default Joomla! presents Site Name only at back-end and offline page. Now, with parameter Website Title you can utilize Site Name at front-end on every page. This is great feature to improve your website SEO, since you can define a website title with some important keywords and show it on every page.

Top H1 tag

This feature allows you to wrap website slogan to <h1> tag, which is good for both SEO and accessibility. As we all know, <h1> is the most important content tag and search engine normally pays special attention to the content in that tag. Once you configured your keyword-powered website title and slogan, you can include them in the first h1 tag to increase SE ranking.

All JoomlaShine templates are equipped with native RTL layout support. We spent huge amount of time tweaking every tiny details of the template to make it look absolutely awesome in RTL mode. Everything is horizontally-flipped including dropdown main menu and side menu.

(Select any menu item to get back to normal layout)

All JoomlaShine templates can be effortlessly configured by template parameters. In template setting page, you will find 40+ template parameters arranged into logical groups for convenient operation.

Set parameters without confusion

Most parameters are designed that way that you can simply select options without confusion about what value to define. All parameters are equipped with description text for easier understanding.

Parameters to control layout dimensions

Parameters to control colors & styles

In our templates all wordings of both back-end and front-end are moved to separated language files, so you can easily translate them into any language you want.

Currently our templates support more then 10 languages and more to be come in future.

All JoomlaShine.com templates have special built-in design optimized for modern mobile devices iPhone, Android and Windows Mobile-based. The responsive design is applied for both Joomla 2.5 and 3.0 versions, and for Pro Edition only.

Unlike other template providers, we do not develop something that looks like a mobile app with heavy menu and animation. We built compact and lightweight version of the template preserving the whole original look-and-feel.

Mobile layout overview on Iphone

As default, all modules will be displayed on both desktop and mobile. To display a module on only desktop or on only mobile, you can add Module Class Suffix parameter as following:

• Display a module on only desktop: display-desktop
• Display a module on only mobile: display-mobile

Mobile layout overview on Ipad

Mobile layout overview on Ipad

Optimized HTML overrides for mobile

We optimized HTML overrides for all default Joomla! extensions to make them looks neat in mobile edition. The work is mainly focused on rearrangement content from columns to rows.

Optimized menu for mobile

For mobile edition, we have built very simple, yet effective menu system, where all children menu items are presented as tree in collapsible panel. This menu system utilizes only little Javascript (MooTool) for expanding/collapsing submenu panels and is very fast and lightweight.

Mobile Menu with icons and rich text

The responsive feature is enabled on live demo. You can check this by resizing the demo to the desired size and see how it presents on mobile devices.

JSN Artista is natively compatible with both Joomla! 2.5 and Joomla! 3.x. The installation package is compatible with both Joomla CMS.

In Customer Area, you can choose to download appropriate installation file for the Joomla! version you are using.

This product is shipped with component, module and content plugin, so you can place it anywhere on every website.

On this page you can see how JSN ImageShow is presented as module on top and as plugin in article content. With it, you get smooth experience and consistent performance in all browsers. The JSN ImageShow also support mobile devices normally with JS/HTML version switched automatically when you visit the website.

Currently, JSN ImageShow comes with 8 themes: Theme Classic, Theme Slider, Theme Pile, Theme Carousel, Theme Strip, Theme Flow, Grid and Mansory. More themes will be released in the future.

JSN ImageShow with Theme Classic

JSN ImageShow with Theme Slider

JSN ImageShow with Theme Pile

JSN ImageShow with Theme Carousel

JSN ImageShow with Theme Strip Vertical

JSN ImageShow with Theme Strip Horizontal

JSN ImageShow with Theme Flow

JSN ImageShow with Theme Grid

Load More

Artwork

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455246277561554

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455261293382258

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455263072429106

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455266756331842

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455265622671698

• https://picasaweb.google.com/101560173596944116173/JSNArtistaDemo#6228455251859672946

JSN ImageShow with Theme Mansory

Mobile optimized

For mobile device, we have built special lightweight Javascript version, so you can be absolutely sure about images presentation.

Mobile optimized presentation (screenshot made by iPhone)

One of hottest features in JSN Artista is extended styles adapted for 5 most popular Joomla! extension: K2, Community Builder, Virtue Mart, JEvents and JoomGallery.

Technically extended styles are overrides of default extensions style (images + CSS) and located in folder /ext inside template folder. Some extensions have their own template system and you might want to turn off extended style thru template parameter in order to use those native templates.

The extensions discussed here are not included in the template package and you have to download separately. You can download the extensions on Joomla! Extensions Directory http://extensions.joomla.org/

K2

Extended style for K2 includes adapted tabs color, additional module styles, fixed alignment issues and some other minor visual enhancement.

Component styling

Here is how K2 component will look like after extended styles applied.

Module styling

Besides from extended component styling you can use template module styles for K2 modules as well.

Community Builder

Extended style for Community Builder includes adapted dropdown menu style, tabs color, additional module styles and some other minor visual enhancement.

Component styling

Here is how Community Builder component will look like after extended styles applied.

Adapted drop-menu style and tabs color on CB Profile page

Module styling

Besides from extended component styling you can use template module styles for Community Builder modules as well.

In the example above:

• CB Login Module (mod_cblogin) with module style box-yellow jsn-icon-user applied
• CB Online Module (mod_comprofilerOnline) with module style box-blue jsn-icon-online applied
• CB Workflows (mod_comprofilermoderator) with module style box-grey jsn-icon-selection applied

Virtue Mart

Extended style for Virtue Mart includes adapted Add to Cart button, additional module styles, fixed alignment issues, redesigned checkout-steps icons and some other minor visual enhancement.

Component Styling

Fixed alignment issues on Product Details page

Module styling

Besides from extended component styling you can use template module styles for Virtue Mart modules as well.

• VirtueMart Module (mod_virtuemart) with module style box-blue jsn-icon-cart applied.

JEvents

Extended style for JEvents includes redesigned calendar navigation icons and calendar table, adapted table header color, additional module styles, fixed alignment issues and some other minor visual enhancement.

Component Styling

Totally redesigned calendar navigation icons

Adapted calendar table header color

Adapted table header color on Event List page

Module styling

Besides from extended component styling you can use template module styles for JEvents modules as well.

In the example above:

• Events Calendar Module (mod_jevents_cal) with module style box-blue jsn-icon-calendar applied.
• Latest Events Module (mod_jevents_latest) with module style box-green jsn-icon-star applied.
• JEvents Legend Module (mod_jevents_legend) with module style box-grey jsn-icon-info applied.

JoomGallery

Extended style for JoomGallery includes redesigned navigation icons, fixed alignment issues, additional module styles and some other minor visual enhancement.

Component Styling

Totally redesigned navigation bar and information panel

Fixed alignment issues

Module styling

Besides from extended component styling you can use template module styles for JoomGallery modules as well.

One of the fastest and easiest ways to learn template is to install sample data and start playing with it. JSN Artista provides unique mechanism of installing sample data directly on your current website. Just few steps and the demo website is here.

Step 1. Setup sample data

Go to template settings page and click button "Get started".

There are 2 options for you to choose: Install sample data directly on your site or download the quickstart package and use it as standard Joomla site.

The installation process would start instantly and you would get the website in less than a minute.

Step 2. Read template documentation and start playing

Done! Just 2 simple steps and you have sample data installed.

Now it's time to read documentation and play with the template. You can download documentation package for free.

• Download documentation package.

Documentation

JSN Artista is equipped with very comprehensive documentation package that will help you with template utilization.

• Configuration Manual

  This document gives you detailed description of every template feature. You can print and use this document as a reference every time you want to configure your template. You also can watch our play list JoomlaShine Template Configuration.

• Customization Manual

  This document gives you easy-to-understand instruction how to customize template elements to make it suites you or your client. You also can watch our playlist JoomlaShine Template Customization.

Read the online documentations

Support

Technical support is available for everyone who use our products via Support Forum. Here you will find forums for FREE and PRO editions owners and get support from our support team as well as thousands of active members.

When purchasing our products you are backed up with professional and timely support, 12-hour response time is guaranteed for PRO editions owners only.

At JoomlaShine.com, we put great efforts in optimizing our templates performance by multiple techniques like image sprites application, clean html code output and now one new step – CSS/JS Compression.

What it does is to combine all CSS/JS files into a single file and deliver it in GZIP compressed state to browser. This feature significantly reduce http request number to server as well as overall loading size, which results in 35% performance boost.

Before enabling CSS/JS compression

After enabling CSS/JS compression

CSS/JS Compression feature is enabled on this demo website. You can check the source code to see how it works.

Custom CSS File(s)

This feature allows you to load multiple custom CSS files among with template default files. This feature is very useful, when you have special dedicated CSS file for content styling.

Custom CSS files are loaded among with other template CSS files

Just put custom CSS files to template's CSS folder and define them in template parameter Custom CSS File(s) each file name at a line. If you enable CSS/JS Compression feature, all custom CSS files will be compressed as well.

JSN Artista was developed with extreme focus on typography and we believe it provides the most comprehensive content presentation capability. Headings, text, links, tables, images, everything was designed with high level of refinement. Let's take a look.

Headings

Text columns

You can arrange content in multiple columns by using very simple html code. JSN Artista will detect the amount of columns you defined and automatically make arrangement.

Usage: <div class=”grid-layout”><div>Text in column 1</div><div>Text in column 2</div></div>

Content arranged in 2 columns

Content arranged in 3 columns

Content arranged in 4 columns

Content arranged in 5 columns

Text styles

Preformatted text (<pre> tag)

div.grid-layout2 div.grid-col {
 float: left;
 width: 49.95%;
}
div.grid-layout3 div.grid-col {
 float: left;
 width: 33.3%;
}

Quote text (<blockquote> tag)

You can us this style to quote somebody's speech, idea or a fragment from some book, articles, etc. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <blockquote>This is your quote</blockquote>

Drop Cap

Highlighted Text

You can use this style to highlight important words and / or keyword expression in search result page. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <span class="text-highlight">This is the text to be highlighted.</span>

Highlighted Text on mouse over

Alert Text

Info Text

Download Text

Tip Text

Comment Text

Attachment Text

Video Text

Audio Text

Link Styles

Link Icon Styles

You can attach up to 500+ predefined icons to the front of any link by adding simple class to it.

Usage: <a class="link-icon fa fa-xxx">This is link text.</a>, where xxx is the name of icon to be applied. Detailed information about all icon names can be found in template documentation.

Example: <a class="link-icon fa fa-download">This is link to download something.</a>

Link Button Styles

JSN Artista offers 08 button styles to decorate any call-to-action links you have in the content.

Usage: <a class="link-button button-xxx">This is link text.</a>, where xxx is the button color name selected from: light, dark, green, orange, blue and red.

Example: <a class="link-button button-orange">See plans & pricing.</a>

Combination of Button and Icon Styles

You can use both button and icon link style combined.

Usage: <a class="link-button button-xxx"><span class="link-icon fa fa-yyy">This is link text.</span></a>, where xxx and yyy are button color and icon names respectively.

Example: <a class="link-button button-green"><span class="link-icon fa fa-home">Home.</span></a>

Extension link styles

JSN Artista is able to attach not only descriptive icon to the front of link as described in above section, but also 23 extension icons to the end of the link.

All icons can be assigned automatically by enabling a template parameter or manually by adding simple class to the link.

Usage: <a class="link-icon-ext jsn-icon-ext-xxx">This is link text.</a>, where xxx is the icon name. Detailed information about all icon names can be found in template documentation.

Table Styles

Plain Rows table style

Color Stripes table style

Grey Stripes table style

List styles

Standard list styles

Arrow list styles

You can assign any of predefined 24 icons to list items. 6 icons shown above are just samples.

Number list styles

JSN Artista provides 06 box designs for module background styling, which can be combined with 500+ predefined Font Awesome icons for module title styling. Take a look around to see how module styles are applied.

Module styles are configured by module's parameter Module Class Suffix with very simple syntax. To set up icons, you need to add string fa fa-xxx to module class suffix, where xxx is the icon name.

• See preview of all icons

JSN Artista provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don't need to install any external menu modules.

Top Menu

Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.

See live demo of Top Menu

Main Menu

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu with icons and rich text

You can add icon and descriptive text to each menu item to make them much clearer and more appealing. Both descriptive text and icons are configured directly in menu item settings page, which is very convenient.

Mega Menu

Mega menus allow for efficient, hierarchical organization and grouping of menu items. Mega menus can use icons and pictures to make scanning easier and guide users to the information they are looking for without overwhelming them .

Side Menu

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

See live demo of Side Menu

Tree Menu

Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.

See live demo of Tree Menu

Div Menu

Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation.

Module Positions

JSN Artista provides 36+ module positions allowing you to have multiple layout configurations. All module positions are collapsible which means if you don't publish any modules in some positions it will not take any blank spaces leaving those for neighbor modules. Some positions are designed to arrange modules inside in horizontal layout which makes it very easy to reorder modules inside it.

See all module positions outline

Layout Configuration

JSN Artista allows you to change the width size for several critical layout elements. All settings can be done via template parameters in section LAYOUT SETTINGS.

Layout Variations

JSN Artista layout system is very flexible and capable. Module positions are designed in smart way to cover all possible spot where you might want to put content. Moreover, you can specify width of both overall layout and specific columns conveniently via template parameters. Bellow is live presentation of some most popular layout variations:

Main content only

Left | Center | InnerRight

Left | InnerLeft | Center

Left | Center | Right

InnerLeft | Center | Right

Center | InnerRight | Right

JSN Artista has incredibly beautiful clean design with ultra flexible layout built-up from 36+ module positions. The combination of 6 colors variation, 5 menu styles and 6 module styles results in a really remarkable website. In addition, super rich typography makes your content look stunning and clear for all users.

Font Face

JSN Artista provides 3 font face options for major website types. Each font face option is actually a combination of 2 font types: one for content text, another for heading text and main navigation text.

Special Font (powered by Google Font Directory)

To make your website content look even better, we included feature to load special fonts directly from Google Font Directory. We have carefully selected the most appropriate special font for each text styles. Since this service is provided by Google, it's very reliable and fast.

Font Size

JSN Artista allows you to customize text size as you want.

Font size 75%

JSN Artista provides 6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.

Color variations

Color configuration

Each template color can be configured by 3 different ways: