User:Dave/workspace/survey of Google Sites base themes

From Parents
Jump to navigation Jump to search

Google Sites provides a variety of customization of selected base themes, but important elements, such as width, line-height, and header sizes, are not customizable and come with the base theme. This is a map of those important style elements amongst the available base themes. This work is in service of Sagamore PTA Google Sites notes, to choose the best Google Sites base theme, November 2013.

  1. Create a new site
  2. Template: "Blank template"
  3. Edit the Home page with some markup to test (just run through the GUI Format options)
  4. Try different base themes and take note in the table below

Notes:

  • The GUI font size selection in points (pt) actually sets html of '<font size="1-6">'
  • The theme font size selection specifies new size in pixels (13px for 10pt, 16px for 12pt)
  • Custom "Entire page" "text" stomps on header sizes too (try "Content area" (and "Gadget area") instead)
Base Theme page width line-height font-size size of h2, h3, h4
Ski (default) 77% + 50px 1.5 14px 19px, 17px, 15px
Iceberg 90% + 10px 1.6 10pt 1.6em, 1.4em, 1.2em
Open Sky 90% + 10px 1.2 10pt 1.6em, 1.4em, 1.2em
Rounders 80% + 10px normal 10pt 1.6em, 1.4em, 1.2em
Slate 90% + 10px 1.25 10pt default, 1.3em, 1.1em
Simple 90% + 15px 1.25 10pt 1.5em, 1.2em, 1.1em
Ember 90% + 10px 1.25 10pt 1.5em, 1.3em, 1.1em
Branches 90% + 10px 1.6 10pt 2em, 1.75em, 1.5em
Notebook fixed: 840px + 10px 1.6 10pt 2em, 1.5em, 1.25em
Legal Pad fixed: 920px + 10px 1.6 10pt 2em, 1.5em, 1.25em
Blank Slate 100% + 10px normal 10pt default, default, default
Micro Bluprint 90% + 10px 1.5 10pt 1.8em, 1.4em, 1.2em
Micro Light 90% + 10px 1.5 10pt 1.5em, 1.2em, 1.1em
Micro Sport 90% + 10px 1.5 10pt 1.8em, 1.4em, 1.2em
Madison 95% + ~60px 1.6 10pt 2em, 1.4em, 1.2em
Beige and Blue 100% + 10px normal 10pt default, default, default
[Desert,Vinyl,Leather,Lavendar,Crystal] Panel 90% + 10px 1.8 1em (10pt) 1.4em, 1.2em, 1.1em
Terra: [Water,Ice,Ruby,Rock,Sand] 90% + 10px 1.25 10pt 1.5em, 1.3em, 1.25em
Solitude: [Cherry,Navy,Olive,Spice,Violet] 90% + 10px 1.5 1em (10pt) 1.8em, 1.5em, 1.1em
[Sea Foam, Cherry Pie, Charcoal, Sunset, Glitter, Garden, Treehouse, Retropaint, Horizon, Shipshpae, Schoolhouse, Wintermint, Parchment, Tron, Shortcake, Smoke, Homemade, Toothpaste, Patchwork, Tiles, Mint Chip, Launch Default] 100% + 10px normal 10pt default, default, default