Medium Branded Templates
Original Medium Branded Template Designs *
Information on typography guidelines can be found in the typography section of this style guide.
Original Medium Branded Template Designs
Templates with wide "band" at top of page:
Dark blue band
- Blue Band Template 1.0: Two column template
- Blue Band Template 1.1: Three column template
- Blue Band Template 1.2: Three column template with additional "spotlight" area
Red band
- Red Band Template 1.0: Two column template
- Red Band Template 1.1: Three column template
- Red Band Template 1.2: Three column template with additional "spotlight" area
Templates with wide "band" at top of page and a bottom toolbar:
- Blue Band Template 2.0: Two column template
- Blue Band Template 2.1: Three column template
- Blue Band Template 2.2: Three column template with additional "spotlight" area
- Red Band Template 2.0: Two column template
- Red Band Template 2.1: Three column template
- Red Band Template 2.2: Three column template with additional "spotlight" area
Templates with wide "band" at top of page and no side navigation:
- Blue Template 3.0: One column template
- Blue Template 3.1: Two column template
- Blue Template 3.2: Two column template with additional "spotlight" area
- Red Template 3.0: One column template
- Red Template 3.1: Two column template
- Red Template 3.2: Two column template with additional "spotlight" area
Please note: Currently, Dreamweaver 8 and Dreamweaver CS3 are not able to correctly display all valid web standards. Adobe says that they are working on upgrading this feature for future releases, but currently there is no fix or work-around to have these pages display correctly. The original medium templates will display correctly in your browser and comply with valid web standards but will not display correctly when they are edited in Dreamweaver. Try opening one of the templates in Dreamweaver, select "Code and Design" from the View menu or the Split button (depending on what version you have) and click around in the Design mode section. When you click on an area, the cursor in the Code mode automatically moves to the section you selected in the Design mode section. The new medium templates (shown in MB-2 below) will render properly in Dreamweaver and in your browser. All pages using the medium templates should be previewed in your browser before uploading to the site.
New Medium Branded Template Designs
Red side menu with gray toolbar:
MB-2
- Single toolbar with two columns
- Single toolbar with three columns
- Double toolbar with two columns
- Double toolbar with three columns


