A responsive RapidWeaver theme that allows a great deal of flexibility when designing your next site! Develop both business and personal sites with this beautiful theme!
The Ruby theme us built on a responsive foundation that allows you to build a site that looks great on both your visitor’s desktop computer as well as their mobile device, without needing to build two separate sites!
This theme makes use of some of the newest web technologies in order to provide your visitors with a great experience.
We’ve included several different ExtraContent areas, our Blog Entry Topper feature and a slew of different color pickers and a whole lot more!
Through the RapidWeaver Page Inspector we offer you a large variety of theme variations to create your site. Here's a few highlights:
For a full, detailed rundown of all the the Ruby theme has to offer, click the Details tab above.
The header area of this theme is a mix of your site title, logo, slogan, navigation and banner. It allows you to show or hide the title, slogan, logo, navigation and / or banner on a page-by-page basis.
You can choose from one of the included stock banner images, or supply your own using RapidWeaver’s resources. You are also able to adjust the height of the banner area: 175, 275 or 375 px.
You’re also able to adjust the font size for your site title, as well as choose from a few different fonts for both the title and slogan. We also provide a wide variety of options for your slogan background.
The navigation is a beautiful drop down design that turns into a collapsing navigation system on mobile devices to save space and to focus your visitor’s attention on your content. It support three levels of navigation — the main and 2 child-levels.
The sidebar can be placed one either the right- or left-hand side of your pages, or hidden altogether. When your visitor’s browser window is narrowed or they’re viewing your site on a mobile device, the sidebar gets placed below the content area.
This theme is responsive, meaning that the width of the content and other elements adjusts depending on the browser’s or mobile device’s width. You can choose from a few max-width options that cap the width of those elements on desktop browsers.
This theme features our Blog Entry Topper, allowing you to highlight each blog entry with an image that resides just about your blog entry’s title. This helps you break out of the standard RapidWeaver mold.
The logo appears to the left of the site title on your pages. The site logo resizes itself to fit the available space depending on the browser’s width or the mobile device’s screen dimensions. Its minimum suggested height is 105 px.
When embedding YouTube and Vimeo videos on your pages Ruby helps you make them responsive so they’ll scale to fit your visitor’s browser or device! We show you how to accomplish this in our tutorial video.
The ExtraContent areas in the Ruby theme are real show stoppers. Their backgrounds stretch across the width of the browser. You to insert your own image into some of them to create custom backgrounds for your ExtraContent areas. Ruby has 4 ExtraContent areas in total.
Located immediately below the banner area, this ExtraContent area can be made to stretch edge-to-edge in the browser, giving you the ability to use beautiful, responsive slideshow stacks to dress up your pages. You can use custom images as a background for this area.
This ExtraContent area is located in the footer of the site, allowing you to create gorgeous, expanded footers for your pages. You can use custom images as a background for this area as well. The custom image fills in behind both the normal footer and the ExtraContent area.
There are more ExtraContent areas and more options, too! Be sure to watch the ExtraContent Areas tutorial videos to learn about how to use all four of the ExtraContent areas as well as what they can do for you and your site designs.
Below the banner area is a page divider that can be turned on and off on a per-page basis and can include a page icon to highlight your page’s content. We offer you a large variety of icons to choose from for your page icon.
The Ruby theme comes with several pre-made page styles baked right in. This makes styling your pages all that much quicker and easier. Choose one of these pre-made styles and Ruby automatically sets the colors for you!
We’ve included a snippet below to allow you to add social media badges to your pages. We’ve got a video in the Tutorials section on this page that shows you what the badges are and how to use them.
<a class="myBadge icon-twitter" href="#"></a>
The Ruby theme is overflowing with color pickers that allow you to easily customize the look and feel of your site’s pages. Using the color picker you can customize over 30 different elements throughout the theme's built-in variations.
Ruby is built on a solid, flexible, responsive foundation. This means your site will adjust different elements of its design in order to accommodate different browser and mobile device widths.
This allows you to build one site instead of two. Spend that extra time focusing on the important part of your site—your content!
This theme makes use of some of the newest web technologies in order to provide your visitors with a great experience. This means supporting the most up to date browsers that follow web standards, such as: Safari, Chrome, Firefox and Internet Explorer v9+.