A clean and classy, responsive theme that provides an elegant design for your portfolio, blog, or small business site.
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!
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:
For a full, detailed rundown of all the the Geometric theme has to offer, click the Details tab above.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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+.
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.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge email" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge windows" href="#"></a>