SAVE A BUNDLE

Buy three themes and save 20% off your purchase. Use the discount code 3PACK during checkout!
Geometric theme screenshot
Geometric
Geometric

A clean and classy, responsive theme that provides an elegant design for your portfolio, blog, or small business site.

Overview

Modern & responsive

The Geometric theme uses a modern foundation that allows you to create responsive sites that look great on both your visitor’s desktop computer as well as their mobile devices, 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.

In addition to its contemporary design, we’ve included several different ExtraContent areas, our Blog Entry Topper feature and a slew of other theme variations!

Versatile & customizable

Through RapidWeaver's Page Inspector we offer you a large variety of theme variations to assist you in customizing the look and feel of your site. Here are a few highlights:

  • Bold, customizable banner options
  • Four incredible, customizable ExtraContent areas
  • Fun fade effects for your banner and ExtraContent areas
  • Responsive lightbox for your photo album pages

For a full, detailed rundown of all the the Geometric theme has to offer, click the Details tab above.

Banner

The banner area is highly configurable. You can choose from one of our 25 stock images, or use one of your own as the banner with Geometric's 15 custom banner slots. You can choose to have your banner span the width of the page, or be width of the content area as well as have the theme hide your banner on iPhone-sized devices.

Fade Effects

We've included some fun fade effects for the banner area and the ExtraContent areas in this theme. You can choose to have the banner fade in when your page loads, and also fade out as the page scrolls upwards. This same fade out effect can be applied to the ExtraContent areas 1 & 2, allowing for stylish pages.

Responsive

The Geometric theme's design scales to provide the optimal layout for your site depending on your visitor's browser or mobile device. Want to see it in action? Load the live preview site on your mobile device, like your iPhone or iPad, and see how well it scales.

ExtraContent Areas

This theme comes with 4 ExtraContent areas that help you create versatile layouts, especially when building a page with Stacks. You can place content outside of the normal main content and sidebar sections this way. We've included several color pickers for each of the ExtraContent areas as well to help is customizing your content's appearance.

Edge-to-edge

We've setup the ExtraContent areas 1, 2 and 3 to allow you to choose to have them span the width of the browser window if you'd like. This can offer some fun layout combinations that make for beautifully designed pages. You can easily turn ExtraContent area 1 or 2 into a beautiful slideshow banner as well using the Orbit stack and the edge-to-edge feature.

Site Title & Slogan

The Geometric theme offers you a large selection of fonts to choose from to customize your site. You can hide them on a page-by-page basis if necessary. We've also included color pickers for both so that you can have them easily match the rest of your site's look and feel. To adjust the look and layout of your page we've included an option to adjust the padding at the top of your pages as well.

Sidebar

You can choose to place the sidebar on either the left- or right-hand side of your page, or hide it all together. The sidebar is responsive, and when used on a page gets placed below the content on small screens like the iPhone and iPad.

Divider Icons

We've included some purely decorative divider graphics that you can turn on to divide the page just below the theme's navigation. This decorative items can help to dress up a page and indicate to your visitors what sort of page they're on.

Responsive Videos

If you're embedding videos on your pages, you can have the theme automatically make them responsive by toggling on the "Make video embeds flexible" feature on a per-page basis. This allows the video to adapt to the browser / device width.

Logo

The site logo is located at the top of the page, just above the site title. You can add your logo to your site via the site setup in RapidWeaver. We've also added a toggle to the theme variations that allow you to hide the logo on a per-page basis.

Photo Lightbox

Geometric comes with a beautiful, responsive lightbox built right in. This allows your images on your Photo Album pages to open in a modal popup by default. Your users can browser your entire gallery of image from the lightbox as well if they please. It adds a nice sophisticated look to your Photo Album pages.

Navigation

The Geometric theme has a horizontal navigation, and allows for one child-level of sub-pages. This allows each top-level, or parent, navigation item to have its own distinct set of child pages, giving you lots of options for your site's navigation. Be sure to check it out on the live preview site to see how it work.

Scroll to Top

We've included a toggle in the Geometric theme that allows you to turn on a Scroll to Top button for your visitors. This button becomes visible, when enabled in the theme variations, as your visitor scrolls down your page. One click of the button and they're returned to the top of the page.

Social Badges

Geometric includes a set of social badges for Twitter, Facebook, Dribbble, Google Plus, Github, Instagram, LinkedIn, Skype, Tumblr, YouTube, Apple, Windows, Xing and email. The required snippets are located by clicking the Badge tab above. Be sure to watch the tutorial video on how to use these badges.

Blog Entry Topper

This theme comes with our popular Blog Entry Topper feature built-in, allowing you to insert your own custom images above each of your blog entries. This feature places your image above the blog entry's title, which is something you cannot do with the standard blog page. You can see how to use this Blog Entry Topper here.

Width

The Geometric theme is responsive, and adjusts its contents based on the browser or device's width. You can choose a maximum width for your content area. This sets a the furthest out that your content will expand, while still allowing the page to scale down to fit your visitor's browser or mobile device.

Colors

The Geometric theme has over 30 different color pickers included in its theme variations, allowing you to customize the color scheme of each page of your site with just the click of the mouse. These color pickers make fine tuning your site a breeze.

Supported Browsers

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+.

Page Banners

Page Banners

ExtraContent Areas

ExtraContent Areas

Site Navigation

Site Navigation

Social Badges

Social Badges

Social Snippets

The Geometric theme uses a special code snippet to help you easily place your badges for various social media sites on your page in the footer. On this page you'll find a snippet for each of the badges that are supported in this theme.

Replace the # (hashtag) in the double-quotes with the URL you wish your badge to link to.

Twitter

<a class="myBadge twitter" href="#"></a>

Facebook

<a class="myBadge facebook" href="#"></a>

LinkedIn

<a class="myBadge linkedin" href="#"></a>

YouTube

<a class="myBadge youtube" href="#"></a>

Xing

<a class="myBadge xing" href="#"></a>

Google Plus

<a class="myBadge google-plus" href="#"></a>

Instagram

<a class="myBadge instagram" href="#"></a>

Skype

<a class="myBadge skype" href="#"></a>

Apple

<a class="myBadge apple" href="#"></a>

Email

<a class="myBadge email" href="#"></a>

Dribbble

<a class="myBadge dribbble" href="#"></a>

Github

<a class="myBadge github" href="#"></a>

Tumblr

<a class="myBadge tumblr" href="#"></a>

Windows

<a class="myBadge windows" href="#"></a>