Simple Rabbit


BehindTheRabbit has suspended its activities
Please read this announcement.

Simple Rabbit is a clean, white design with a light gray background. Simple Rabbit hits now its third iteration, merging its classic look with new features and the latest technologies.


Four variations are available out-of-the-box: Orange (default), Red, Blue, Green. Moreover, with Site/Page Code Injection and just two lines of code you can easily customize your entire website or just single pages at will.

Variations included:
  • Orange (default)
  • Red
  • Blue
  • Green
Retina-ready: yes (Sandvox 2.8 required)
Support for:
  • Hierachical menus
  • Bordered pagelets (both sidebar and callout)
  • Custom banner (900×160px)
  • Custom logo
  • Blockquote object
  • Ready-made code injections (read below)
  • Printer-friendly: a specific style sheet makes pages look good when printed.
  • Unobtrusive transitions on buttons, forms, sitemaps, image grids.


Simple Rabbit Metrics


You can use and mix the following options using just two lines of code.

These options override the selected variation: for example, you can create a page with both a right sidebar and the “Red” option active, just within the Default design. Another page in the same site may be green and have the title and tagline shadow removed.

These options are activated via Code Injection either site-wide or on a per-page basis. Here is how.

First of all, choose the option or options you want to activate, according to this table:

Option Codename
Sidebar located on the right right-sidebar
Color variation on single pages (choose one) orange / red / blue / green
Remove the “frame” look from thumbnails in photo albums no-grid-frame
Remove the shadow from title and tagline no-shadow-title

Other customization options

If this is not enough, you can still change the main color to any color of your choice via Site or Page Code Injection. If you don’t know how to use this code, you can read this tutorial.

Paste this code in “Site Code Injection…” if you want to change the look of the whole site or in “Page Code Injection…” if you want to modify just a single page.

To change the base color to a pale red (#D54E53), for example:

a, h1, #title p, .wide .sitemap a:hover {color:#D54E53 !important;}

You can change the background color too:

body {background-color:#454545;}

What’s new

If you are a previous Simple Rabbit 2.x user, this is what’s new for you:

  1. Larger pictures, up to 760px (560px in pages with sidebar, 238px for images inside the sidebar).
  2. Completely re-written in CSS (less images equals much better performance).
  3. Added support for bordered pagelets inside the sidebar and for the blockquote object.
  4. Added retina support (Sandvox 2.8 or later required).
  5. Ready-made injection code with backward compatibility: your legacy code is still supported, no need to change it.
  6. Many design refinements (navigation arrows, submenu carets, shadows…)

Please consider that this version of Simple Rabbit doesn’t include Orange Rabbit for Sandvox 1.6 anymore. If you’re still using Orange Rabbit with Sandvox 1.x, keep a backup copy!


Simple Rabbit requires Sandvox 2.0 (Sandvox 2.8 or later required for retina-ready websites).

Please, Read our policy before you buy.

Latest version: 3.0 (300)