Composition is Waterfall enabled

Live demo

We've published a live demo of Composition. If you're interested to see how this demo website was built or you want to use it as the foundation for your new website, you're welcome to download the actual RapidWeaver 6 project file.

Theme details

Theme name: Composition
Current version: 5.1
Last updated: 29th January 2015
First released: 21st October 2006
Compatibility: RapidWeaver 5 & 6
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 4.3.0
Bootstrap version: 3.3.2
Usage agreement: Click for details
Example website: View online
Download example website: Click hereThis link will download the same RapidWeaver sandwich file we used for the example website. It may give you a good illustration of how the example website was created and a useful template to start building with.

Support links

10 minute theme quickstart guide
ThemeFlood Wiki
One-to-one technical support RapidWeaver Classroom RapidWeaver Community Forums

Resources

Bootstrap code snippets
ExtraContent stack & snippet pack
FreeStyle banner stack

Share


* This price includes any applicable VAT, if you're buying from Europe.

Introduction

The concept of a 'light on dark' colour scheme is an aspect many web designers have used over the years. You don't have to look too hard through various website showcases to see examples of it. These inverted colour schemes create a distinctive feel to a website and put maximum emphasis on the site content. Probably one of the finest examples around currently is that of the Pixelmator website.

Composition started out life as a free RapidWeaver theme called Aperture, several years ago. It could be said that Aperture was the first 'light on dark' theme ever created for RapidWeaver. The original Aperture theme received a rapturous response from many RapidWeaver users, and a large number of feature requests were put forward. In 2006, the 'Composition' theme was released; a paid version of Aperture with significantly more features. Since then, Composition has always remained a must-have for many RapidWeaver users, and its popularity has never dwindled. The Composition theme is especially popular with bloggers, artists, film makers and software developers.

Style settings

Starting with the basics, Composition provides a bountiful array of theme colour settings. These allow you to change just about every colour of every theme element. So if you don't like the default colour scheme, you can change it to something more preferable. Several logo placement options are provided, so you can bring existing corporate branding into the theme.

Like many other ThemeFlood RapidWeaver themes, Composition provides options to customise the theme width, body background, sidebar width and position, heading fonts, content fonts and general font styles. A careful balance of theme settings is included, to provide enough basic functionality without turning the theme into a complicated monstrosity.

Responsive behaviour

Starting in version 4, Composition is now fully responsive. The theme displays content beautifully on large, cinematic monitors. On tablet devices (like the iPad and Nexus 7) the page layout scales smoothly to fit smaller screen sizes. Aspects of the design like the horizontal navigation (which would traditionally start to break on smaller screen sizes) reverts to a user-friendly toggle menu. The theme continues to scale down on smaller devices like smart phones, whereby stacks, columns and grids dissolve into a single column. Composition uses RAFT (responsive adaptive framework for themes), so you have the option to adjust how aspects of the page behave at different screen sizes. Just about everything you need to build a cross-device-compatible website is there.

Header

The theme header is probably the most striking part of the theme design. It can be used to incorporate some gorgeous graphics, to grab the attention of website visitors and show-off products and services to their maximum. Honestly, you could so some incredibly inspirational things with the header in this theme. The header utilises FreeStyle technology, so it's basically a blank canvas to do whatever you want with. Static images, sliders, carousels, slideshows and even video can be embedded into the header. The header is fully responsive and expands vertically to incorporate your content. As a bonus, a banner content container (ExtraContent4) provides a useful space to incorporate written content, within a semi-transparent box.

Social bar

To further promote your website, Composition includes a useful social bar container (ExtraContent1) at the top of the page. Into this you can include important information (like contact details), links and social networking or bookmarking icons. Options exist to adjust the height and position of this social bar container.

Navigation

Navigation is also an important factor in website design, and Composition provides a choice of simple navigation positioning options. Choose to have navigation links at the top in split-navigation format, or within the sidebar as a block navigation layout.

Pro features

For semi-expert RapidWeaver users, Composition provides a treasure-trove of options to take your design skills to the next level. To start with, Composition incorporates complete support for the entire Twitter Bootstrap Toolkit. This instantly empowers you and opens up vast avenues to incorporate various embellishments and page functionality. Have a look through the Bootstrap website to see what's feasible, and then download the free Bootstrap snippets pack, to use in RapidWeaver. Composition also incorporates the complete Font Awesome pack of icons, so you can spice-up your page designs with simple vector icons.

Strength

Composition has always been a strong RapidWeaver theme to work with. The simple two-column layout means the theme works reliably on all modern web browsers from IE7 upwards. Cosmetic embellishments like shadows and rounded corners render lightning-fast on newer web browsers (without the need for complicated Javascript code) and degrade safely on older versions of IE, where they're likely to not be missed.

Learn more

A free demo version of the theme is available for you to download using the button at the top right. This lets you install the theme in RapidWeaver and test it against real content, play around with all the different settings, throw the theme against different page styles and demonstrate the theme to clients. In the demo version, links between pages are disabled and some graphics may be watermarked. The theme is backed by expert customer support (you'll normally get an email response within 12 hours) and I can provide assistance with customising the theme, setup of banner containers and testing of your completed website in different web browsers and handheld devices.


More

The free demo version of Composition can be downloaded using this link. You can install the theme in RapidWeaver 5.4 or RapidWeaver 6 to experiment with the theme, explore all the settings provided and test it against real content and plugins. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear periodically in parts of the page (like the banner or footer). Purchasing Composition using the button towards the top of this page provides you with a licensed copy of Composition; without any demo restrictions applied.

Clicking the banner at the top of this page or this link will take you to a sample website published using Composition. This may give you a better insight into how this theme looks and responds. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver, on your computer. Some people find this very useful to use.

Composition is currently supplied with a 15% discount code for the latest version of WeaverPix. The theme also includes free usage of the FreeStyle banner stack, which normally retails at £10.00 GBP. If you require help with purchasing Composition, please click onto the support page and click the 'purchasing help' tab for more information. Likewise if you have any other questions about Composition, please don't hesitate to ask.

* Purchases of Composition includes any applicable VAT payable. EU customers are legally required to pay VAT on digital downloads and electronic services. A full VAT invoice will be provided, so that you may claim-back any tax paid (if you're VAT registered or a charity / non-profit organisation exempt from paying VAT).

Free theme updates

Updates for the Composition RapidWeaver theme are free for all existing users. Theme updates are periodically released to introduce new features and maintain compatibility with the latest RapidWeaver addons and web browsers. You can tell if an update is available for Composition, by comparing the number shown next to the theme name in the RapidWeaver theme panel, compared with the version number shown on this page. Generally theme updates are not sent out automatically, because previously it was found many of the emails went missing in junk or spam mail filters. Instead you're invited to check for Composition updates yourself, and download them at a time convenient to you.


Updating using Waterfall

Waterfall is a small plugin for RapidWeaver 5 & 6, available to purchase from the Nimblehost website. Once installed and added to a project, Waterfall will check the version number of Composition, against the version number shown on this website. Waterfall can download and install the latest version of Composition; which will be ready the next time you restart RapidWeaver. Older versions of Composition will be moved into the /Waterfall/Backups/ folder, in your RapidWeaver addons folder.

Please note that Waterfall update checking only works on themes installed after 10th January 2015. Free demo versions of Composition and copies of Composition installed before 10th January 2015 will not check for updates automatically. Waterfall will only update original themes; those which you have previously duplicated and renamed for modification will not be updated.


Updating using your Paddle locker

If you obtained Composition on or after 10th January 2015, you were invited to provide your email address and a password during the checkout process. With these login credentials, you can access your Paddle Locker. Paddle is the payment and shopping cart provider used on the ThemeFlood and Stacks4Stacks websites. Once you're logged into your secure locker, you can easily re-download Composition again. The download link always points to the latest version of the theme. You can change your email address or password at any time in your Paddle Locker too.


Updating manually

If you obtained your copy of Composition before 10th January 2015, you may need to be issued with a new download link. E-Junkie download links no longer work. Please get in contact via email and provide details of the theme update you want and provide proof of purchase. Proof of purchase can comprise of your invoice or receipt; or alternatively the name and email address of the purchaser. If no proof of purchase can be located, please purchase the latest version of Composition from this website.



Theme compatibility

Composition has been diligently developed to work reliably with all major web browsers; ensuring your completed website will look and function to a high standard. Because Composition is responsive, you can expect it to work well on screens of various shapes and sizes. In particular, you can expect Composition to work well in the following web browsers, which we've tested the theme with:

  • Internet Explorer 9
  • Internet Explorer 10
  • Internet Explorer 11
  • Safari 8
  • Chrome 40
  • Firefox 35
  • Opera 27
  • Maxthon 4.4
  • TorBrowser 4.0

Composition has been tested on various popular handheld devices, including a mixture of Apple and Android tablets, iPods and smartphones. Particular attention was paid towards how easy it is for users of these touch devices to navigate websites published using Composition. You should find pages published using Composition load quickly and consume less bandwidth, compared with many competing RapidWeaver themes.

Some scripts used by Composition are 'dual-called'. Using the example of jQuery, some special markup is used in Composition to determine what browser or version is viewing the webpage. We can then intelligently ensure the web browser is served the most compatible and optimised version of the script possible.

As always, final compatibility of completed webpages published with Composition boils-down to several other important factors. The format of content or the type of addons used to build a page can have a significant impact on compatibility (for example, some web browsers do not support embedded video or sound files in particular formats or presentation). Additionally the web server hosting the website can also sometimes impact the compatibility of completed web pages. Likewise there may be occasions when plugins or extensions installed in a web browser cause issues; such as blocking social networking icons from displaying or blocking links from opening in new windows. As always, we invite you to download a free demo version of Composition yourself; enabling you to run more detailed tests against specific content types or addons. We're happy to browser test completed websites published using Composition at no extra cost.


This is your space! We would love to hear any feedback you have about Composition; including general questions, feature requests, things you think should be improved or reviews. We would also greatly welcome any links to websites you've built using Composition and we'll provide you with coupon codes towards the purchase of future themes and stacks (please contact us after submitting your link).

Commenting provided by Disqus


Comments are moderated, so it may take a few hours before they show here. If you spot a website someone has submitted here that was not built with the suggested theme, kindly let us know!