Nu lanseras Greenfield Times. Tidningen är en ”exempelsajt” för Polopoly SiteEngine, en modul i deras publiceringssystem. Enkelt uttryckt kan man säga att SiteEngine är ett verktyg för att snabbt och enkelt kunna utveckla komplexa nyhets- och mediasajter.

Designuppdraget för exempelsajten bestod av två ”teman” (Green & Grey) av två sidor (startsida & artikelsida) i två olika layouter (med och utan vänstermeny). Oktavilla har även hjälpt Polopoly med modulens grundläggande ramverk i HTML och CSS.

Formen på Greenfield Times i temat ”Green” tar sin utgångspunkt i en klassisk internationell dagstidning med en fraktur-stil i logotypen. Målet har varit att ge tidningen ett seriöst men ändå lättillgängligt uttryck. Vi har jobbat mycket med typsnittet Georgia, inte bara i brödtext och rubriker utan även i vinjetter med spärrade fusk-kapitäler. Teckengraderna är medvetet ”överdrivna” för ge tidningen en egen karaktär och visa på möjligheterna att jobba typografiskt även på webben.

För ramverket var vår idé inledningsvis att använda en rent grid-baserad lösning men på grund av hur illa olika bannerformat förhåller sig till varandra fick vi välja en annan väg.

Strukturmässigt består en SiteEngine-sida av ett valbart antal kolumner. Kolumnernas bredder sätts i pixlar och får gärna, men måste inte, följa ett grid. Inuti varje kolumn kan man ha ett godtyckligt antal behållare som i sin tur kan delas in i en, två, tre eller fyra kolumner. Dessa kolumners bredder är satta i procent och fördelas antingen jämnt eller med övervikt åt höger eller vänster. Det här upplägget gör att man får en relativt stor flexibilitet men behåller samtidigt tillräckligt mycket kontroll för att kunna dedikera specifika kolumner åt udda bannerformat.

För de två Greenfield-layouterna har vi valt att följa ett grid där varje enhet är 48px med 15px marginal. Detta fungerar bra med bannerformatet 300px. Kolumnen längst till höger har vi gjort lite bredare än vad gridet föreslår för att kunna få plats med en 200px-banner.