Whether you're a freelancer building sites for others, or simply a website owner looking to build a site on a budget, Geometric provides a wonderful backdrop for just about any site.
Geometric includes theme variations that let you customize your banner images, your font choices, color options, and a whole lot more, with the click of your mouse.
Geometric's goal is to make your images and content the star of the show. Big, bold banners, and clean, clutter-free design focuses your visitors' attention on your content.
Built on a solid, responsive foundation that makes designing modern sites a breeze. Your pages will retain a beautiful design across both desktop and mobile devices.
Create beautiful, contemporary sites for both you and your clients. Geometric's minimal design allows the content to really shine.
A quick look at some of what the Geometric theme has to offer. Don't forget to also check out our tutorial videos down below. We cover creating beautiful banners, using ExtraContent areas, and more.
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.
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.
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.
You can use some of our pre-defined code snippets to insert Social Media Badges on to your pages. You can check out our Social Badges video for more info.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge windows" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge email" href="#"></a>
In addition to the tutorial videos below we also offer detailed documentation for each setting within this theme on our Support Hub page.
You can find the full documentation and tutorials for Geometric, as well as all of our other products in the Elixir Support Hub. If you require further support we also offer a great community forum where you can ask questions and get support.
We've created several tutorial videos that walk you through using the major features of the theme. These are a good resource for both before and after your purchase. Watch them now to get an idea of some of the interesting things this theme can do, and follow along with them later after your purchase to help in building your new site.