anchor.diff:  
   <h2>Forms</h2>
   
  -<form class="simple_form alchemy" action="#" accept-charset="UTF-8" method="post">
  -  <div class="input select">
  -    <label class="select control-label" for="select">Select</label>
  -    <select class="select alchemy_selectbox" id="select">
  -      <option value="">Please choose</option>
  -      <option value="1">Option 1</option>
  -      <option selected="selected" value="2">Option 2</option>
  -      <option value="3">Option 3</option>
  -    </select>
  -  </div>
  -
  -  <div class="input">
  -    <label class="control-label" for="datetime_picker">Date Time Picker</label>
  -    <input type="text" data-datepicker-type="datetime" id="datetime_picker">
  -  </div>
  -
  -  <div class="input">
  -    <label class="control-label">Date & Time Pickers</label>
  -    <div class="control_group">
  -      <div class="input-row">
  -        <div class="input-column">
  -          <input type="text" data-datepicker-type="date" id="date_picker">
  -        </div>
  -        <div class="input-column">
  -          <input type="text" data-datepicker-type="time" id="time_picker">
  +<div class="panel">
  +  <%= render_message do %>
  +    <p>This form is inside a <code>.panel</code> component.</p>
  +  <% end %>
  +
  +  <form class="simple_form alchemy" action="#" accept-charset="UTF-8" method="post">
  +    <div class="input select">
  +      <label class="select control-label" for="select">Select</label>
  +      <select class="select alchemy_selectbox" id="select">
  +        <option value="">Please choose</option>
  +        <option value="1">Option 1</option>
  +        <option selected="selected" value="2">Option 2</option>
  +        <option value="3">Option 3</option>
  +      </select>
  +    </div>
  +
  +    <div class="input">
  +      <label class="control-label" for="datetime_picker">Date Time Picker</label>
  +      <input type="text" data-datepicker-type="datetime" id="datetime_picker">
  +    </div>
  +
  +    <div class="input">
  +      <label class="control-label">Date & Time Pickers</label>
  +      <div class="control_group">
  +        <div class="input-row">
  +          <div class="input-column">
  +            <input type="text" data-datepicker-type="date" id="date_picker">
  +          </div>
  +          <div class="input-column">
  +            <input type="text" data-datepicker-type="time" id="time_picker">
  +          </div>
           </div>
         </div>
       </div>
  -  </div>
  -
  -  <div class="input">
  -    <label class="control-label" for="optional_string">String</label>
  -    <input type="text" id="optional_string">
  -  </div>
  -  <div class="input required">
  -    <label class="required control-label" for="required_string">
  -      Required String<abbr title="required">*</abbr>
  -    </label>
  -    <input type="text" id="required_string">
  -  </div>
  -  <div class="input field_with_errors">
  -    <label class="control-label" for="string_with_error">String with error</label>
  -    <input type="text" id="string_with_error">
  -    <small class="error">Error message</small>
  -  </div>
  -  <div class="input">
  -    <label class="control-label" for="string_with_counter">String with char counter</label>
  -    <input data-alchemy-char-counter="60" type="text" id="string_with_counter">
  -  </div>
  -
  -  <div class="input check_boxes">
  -    <label class="control-label">Check Boxes</label>
  -    <div class="control_group">
  -      <label class="checkbox">
  -        <input type="checkbox" value="1" checked="checked">
  -        Checked
  +
  +    <div class="input">
  +      <label class="control-label" for="optional_string">String</label>
  +      <input type="text" id="optional_string">
  +    </div>
  +    <div class="input required">
  +      <label class="required control-label" for="required_string">
  +        Required String<abbr title="required">*</abbr>
         </label>
  -      <label class="checkbox">
  -        <input type="checkbox" value="1">
  -        Unchecked
  -      </label>
  -    </div>
  -  </div>
  -
  -  <div class="input text">
  -    <label class="text control-label" for="textarea_with_counter">Textarea with char counter</label>
  -    <textarea data-alchemy-char-counter="160" class="text" id="textarea_with_counter"></textarea>
  -  </div>
  -
  -  <div class="input text">
  -    <label class="text control-label" for="textarea">Textarea</label>
  -    <textarea class="text" id="textarea"></textarea>
  -    <small class="hint">With hint</small>
  -  </div>
  -
  -  <div class="submit">
  -    <button class="secondary">Secondary</button>
  -    <button data-alchemy-button>Primary Submit</button>
  -  </div>
  -</form>
  +      <input type="text" id="required_string">
  +    </div>
  +    <div class="input field_with_errors">
  +      <label class="control-label" for="string_with_error">String with error</label>
  +      <input type="text" id="string_with_error">
  +      <small class="error">Error message</small>
  +    </div>
  +    <div class="input">
  +      <label class="control-label" for="string_with_counter">String with char counter</label>
  +      <input data-alchemy-char-counter="60" type="text" id="string_with_counter">
  +    </div>
  +
  +    <div class="input check_boxes">
  +      <label class="control-label">Check Boxes</label>
  +      <div class="control_group">
  +        <label class="checkbox">
  +          <input type="checkbox" value="1" checked="checked">
  +          Checked
  +        </label>
  +        <label class="checkbox">
  +          <input type="checkbox" value="1">
  +          Unchecked
  +        </label>
  +      </div>
  +    </div>
  +
  +    <div class="input text">
  +      <label class="text control-label" for="textarea_with_counter">Textarea with char counter</label>
  +      <textarea data-alchemy-char-counter="160" class="text" id="textarea_with_counter"></textarea>
  +    </div>
  +
  +    <div class="input text">
  +      <label class="text control-label" for="textarea">Textarea</label>
  +      <textarea class="text" id="textarea"></textarea>
  +      <small class="hint">With hint</small>
  +    </div>
  +
  +    <div class="submit">
  +      <button class="secondary">Secondary</button>
  +      <button data-alchemy-button>Primary Submit</button>
  +    </div>
  +  </form>
  +</div>
   
   <h2>Tables</h2>
   
  
positive.code: 
  <h1>AlchemyCMS Styleguide</h1>
  
  <h2>Headings</h2>
  
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
  
negative.code: <h4>Heading 4</h4>
  <h5>Heading 5</h5>
  
  <p>This is a paragraph, with <a href="#">a link</a>, a <kbd>keyboard shortcut</kbd> and an <code>inline code snippet</code>.</p>
  
  <h2>Messages</h2>
  
  <h3>Info Message</h3>
  
  <%= render_message do %>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  <% end %>
  
  <h3>Warning Message</h3>
  
  <%= render_message :warning do %>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  <% end %>
  
  <h3>Error Message</h3>
  
  <%= render_message :error do %>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  