Övriga block

Här visas exempel på block som är väldigt användbara när man vill highlighta saker och förpacka information på ett ordnat sätt. Vi kallar dem two-ups, accordion, bildspel och hero.

Two-up

Two-ups består av någon typ av media (bild/video) och en text (content-fält). Det går att lägga bilden höger eller vänster-justerad i förhållande till texten. Kan endast användas på flexsidor. Se några exempel nedan. 

Använd H2 i two-ups.

Behandlingar som hjälper dig att göra det bästa av situationen

Fredrik Mertens beskriver sin forskning som ett banalt gnetande. I själva verket gör den att fler får rätt behandling. Möt Årets cancerforskare – som trivs bättre hos sina patienter än i rampljuset. 

Möt fredrik

Bea berättar

Uppdraget att formge årets rosa band gör jag för min mamma och alla andra som drabbas av cancer på ett eller annat sätt. För mig är stegen en symbol för något hoppfullt, en passage från mörker till ljus.

Läs mer om rosa bandet

Accordion

Accordion kan användas för att ”fälla in” innehåll exempelvis under ett frågor-och-svar-avsnitt.  Man kan välja en eller två spalter. För en-spalt väljer du ”spacing - width - narrow”. Har du två kolumner väljer du ”spacing- width - limited”. 

Accordion i en kolumn – width Tight

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Accordion i två kolumner – width Limited, Blå bakgrund

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Här skriver man rubriken eller frågan

Och här kommer innehållet man vill gömma undan. Till exempel om sidan är jättelång eller om man vill dela upp frågor och svar.

Hero-block

Hero-blocken finns i två storlekar, large som är tänkt att användas med fotografi och small där vi i regel använder den abstrakta illustrationen. Stor hero med foto används på huvudkategorisidor och "viktiga" sidor som gåvosidor m m. Liten hero används med abstrakt illustration på underliggande sidor.

Stor hero

Används på startsida, huvudkategori och "viktig" sida. Tänk på att inte skriva för lång rubrik eller ingress. Ibland använder vi en call to action-knapp vid erbjudande eller kampanj. 2880 x 1280 pixlar.

Call to action

Används på startsida, huvudkategori och "viktig" sida. Tänk på att inte skriva för lång rubrik eller ingress. Ibland använder vi en call to action-knapp vid erbjudande eller kampanj. 2880 x 1280 pixlar.

Call to action

Underkategori

Här kan man skriva en ingress. Den hamnar under bilden i mobilläget. Den gör det eftersom det är extremt svårt att få både bild och text att fungera tillsammans i det lilla formatet. Klicka i knappen "show content below".

Här kan man skriva en ingress. Den hamnar under bilden i mobilläget. Den gör det eftersom det är extremt svårt att få både bild och text att fungera tillsammans i det lilla formatet. Klicka i knappen "show content below".

Informationssida

Här ser man vad sidan innehåller.

2880 x 720 pixlar

Här ser man vad sidan innehåller.

2880 x 720 pixlar

PDF

Cancerfondsrapporten 2006

Ladda ner
PDF

Cancerfondsrapporten 2007

Ladda ner
PDF

Cancerfondsrapporten 2008

Ladda ner
PDF

Cancerfondsrapporten 2009

Ladda ner
PDF

Cancerfondsrapporten 2010

Ladda ner

Publicera en Shorthand story

Så här publicerar du en story från Shorthand i Keystone:

Instruktion

Skapa grafer i Shorthand

Så här skapar du grafer från AmCharts att lägga in i en Shorthand strory:

Instruktioner

Ett bildspel av teasers

Vill du få information om vårt arbete för att besegra cancer?

Genom att gå vidare samtycker jag till att mina personuppgifter behandlas i enlighet med Cancerfondens integritetspolicy.

Illustration av ett brev