tōseibo 桃青坊

Designmanual 2023

INTRODUKTION

For at opnå en konsekvent visuel identitet på tværs af alle platforme er det vigtigt at følge bestemte retningslinjer for Tōseibos grafiske formidling. Denne designmanual præsenterer en oversigt over Tōseibos nye visuelle identitet, som inkluderer justeringer samt erstatninger af tidligere elementer og retningslinjer. Samtidig introduceres en videreudviklet og optimeret identitet, der består af velovervejede elementer og retningslinjer, som sikrer en mere sammenhængende og genkendelig synlighed.

I denne designmanual beskrives og defineres grundlæggende elementer i Tōseibos identitet såsom logo, farver og typografi m.m. Desuden dykkes der længere ned i virksomhedens grafiske elementer, layout, Tone of Voice og billedstil, hvor disse grundlæggende elementer specificeres.

LOGO

Tōseibos logo er et af de vigtigste elementer, der repræsenterer brandets identitet. Det endelige logo tager udgangspunkt i Tōseibos nuværende logo med justeringer, der nu fremhæver de nye latinske bogstaver. For at skabe kontrast og understøtte det traditionelle udtryk for det nuværende logo, anvendes serif fonten Bellefair i små bogstaver, som passer godt med de japanske kanji tegn. Dette vil være med til at skabe en bedre genkendelighed, og tydelig identitet på det vestlige marked, for virksomheden.

Logoets farver

Det er vigtigt at logoet altid er tydeligt, da Tōseibos brand skal synliggøres for modtagere. Derfor er det minimalistiske logo designet til at blive anvendt med forskellige farver afhængig af baggrundsfarven. I tilfælde af mørke baggrunde på eksempelvis SoMe content anvendes logoet i hvid, hvortil på lysere baggrunde såsom hjemmesiden anvendes et sort logo. Således sikres det, at brandets identitet står fremtrædende i farvekontrast med baggrunde.

FARVEPALETTE

Farvepaletten for Tōseibo er designet med en minimalistisk tilgang, der tager udgangspunkt i jordnære nuancer i god kontrast. Den udvalgte farvepalette er sammensat af fire monokrome farver, der består af klassisk sort og hvid samt en jordisk beige og mættet grøn farve.

RGB: 255, 255, 255

CMYK: 0, 0, 0, 0

HEX: #ffffff

RGB: 193, 180, 160

CMYK: 0, 5, 13, 24

HEX: #C1B4A0

RGB: 255, 255, 255

CMYK: 0, 4, 11, 65

HEX: #59503D

RGB: 0, 0, 0

CMYK: 0, 0, 0, 100

HEX: #000000

Farver på hjemmeside

På Tōseibos hjemmeside er den primære farve en cremet beige med tekstur. Den benyttes som baggrundsfarve, og er derfor dominerende på hjemmesiden. Herefter ses de sekundære farver sort og hvid, som fremtræder i tekster, ikoner og logo, og skaber en god kontrast. Sidst bruges den mættede grønne farve som tertiær farve, der anvendes som hover-farve på elementer såsom knapper.

Primære Sekundære

Tertiære

Farver på SoMe

Primære

På Tōseibos sociale medier er farve hierarkiet

TYPOGRAFI

Hos Tōseibo anvendes to skrifttyper, der afspejler virksomhedens koncept og visuelle identitet. Disse skrifttyper er valgt for at fremme virksomhedens traditionelle tilgang med et moderne touch, som skaber en visuel balance og kontrast, der afspejler Tōseibos brand identitet. Samtidig er disse skrifttyper med til at bringe en behagelig og letlæselig oplevelse ved brug af tekst hierarki.

Overskrift

Skrifttypen som anvendes til logo samt overskrifter på tværs af platforme er Bellefair. Den udtrykker et minimalistisk, traditionelt, men samtidigt moderne udseende, der understøtter og repræsenterer Tōseibos brand. Desuden anvendes den altid med blokbogstaver i regular til overskrifter, som skaber en iøjnefaldende effekt og står i fin kontrast mod brødteksten.

1234567890

Underoverskrift og brødtekst

Til brødtekster benyttes Semplicita Pro på tværs af platforme. Den simple og bløde skrifttype er professionel, moderne og letlæselig, og afbalancerer overskriften. For at skabe en genkendelighed består skrift vægten altid af regular til brødtekster. Gøres der brug af underoverskrifter, anvendes samme skrifttype i samme størrelse, men i bold.

Semplicita Pro

abcdefghijklmnopqrstuvwxyzæøå

1234567890

Teksthierarki

40 pkt.

Udover de nævnte retningslinjer for typografien er det essentielt at have et tydeligt teksthierarki. Derfor er der sat regler for teksthierarkiet og størrelser afhængig af formatet, der gøres brug af. For at bestemme teksthierarkiet tages der udgangspunkt i brødteksten, hvor der afhængig af brødtekst størrelsen ganges med 2,5 for, at finde størrelsen på overskriften. Siges det at brødteksten er 14 pkt., vil dette ganges med 2,5 og resultere i en overskrift på 35 pkt. Derudover anvendes en linjeafstand også afhængig af formatet, og følger samme regel som størrelserne på teksten. For at finde frem til brødtekstens linjeafstand ganges brødtekstens størrelse med 1.8. Sker det, at man får et kommatal afrundes resultatet til det tætteste nummer. Titler på print skal derimod ganges med brødteksten 4x.

HEADER

16 pkt.

Subheader

16 pkt.

Brødtekst

29 pkt.

Linjeafstand

GRAFISKE ELEMENTER

De grafiske elementer er med til at kendetegne Tōseibos visuelle identitet. Disse elementer bruges på tværs af alle platforme, skaber en genkendelighed, og understøtter den minimalistiske og professionelle stil. Ved at have bestemte retningslinjer i design sikres ensartethed på alle platforme.

Tekstur

Et grafisk element der bruges på tværs af Tōseibos platforme er tekstur. Denne tekstur bidrager til Tōseibos koncept, som er et symbolsk element der afspejler teksturen på keramik produkterne. For at skabe en genkendelighed skal grain-effekten på Adobe Illustrator bruges, med en intensitet på 13 og en kontrast på 40.

DO

DON’T

Linjer

Linjerne er med til at understøtte den minimalistiske stil, og har til formål at fremhæve diverse tekster og billeder. Hvis der gøres brug af billeder med en klik-funktion, anvendes der en tekst med linje under, for at guide modtageren til at klikke på elementerne. Derudover har linjerne til formål at fremhæve overskrifter og skabe en god læseoplevelse.

Ikonografi

For at holde en rød tråd i Tōseibos identitet, er der udarbejdet custom ikoner til virksomhedens sociale medier via. Adobe Illustrator. Disse grafiske elementer optræder på hjemmesidens footer, og henviser til diverse kanaler. I udseendet er ikonerne firkantede for at holde fast i ligheder, og skabe en sammenhæng mellem andre elementer på hjemmesiden. Ligesom logoet findes ikonerne også i både sort og hvid, for at stå i kontrast med diverse baggrundsfarver. Anvendes der andre ikoner, skal disse holde den samme stil uden fyld, med åbenhed og samme linjetykkelse.

LAYOUT

Når det kommer til layout, ses der en ensartethed på tværs af alle platforme, hvilket skaber en struktur for Tōseibos identitet.

Firkanter

For at opbygge en stabil struktur er Tōseibos indhold udelukkende opsat af diverse formede firkanter eller rektangler. De firkantede elementer fremtræder på diverse billeder og knapper. For at skabe en følelse af stabilitet, struktur og troværdighed, anvendes firkanterne på tværs af alle platforme. Hertil er det værd at nævne, at ikonerne har en undtagelse, da Instagram ikonet har sin egen genkendelighed.

DO

DON’T

Layout på hjemmeside

Eftersom retningslinjerne for de firkantede former er defineret, bruges disse ligeledes på Tōseibos hjemmeside, hvor de kan anvendes som rammer for billeder og knapper. Grafiske elementer som linjer placeres under tekster eller ovenpå billeder, og bruges derfor til at fremhæve diverse elementer, og guide modtageren igennem indholdet.

Masonry Grid

Hvis der anvendes flere billeder, der er sammenhængende, gøres der brug af et masonry grid, som går igen på flere af billedernes opsætning på hjemmesiden. Dette maksimerer pladsen med forskellige former og proportioner, for at skabe en mere spændende og genkendelig oplevelse i layoutet.

Layout på SoMe

Da Tōseibos visuelle identitet skal være konsistent på tværs af alle platforme, er det vigtigt at vedligeholde ligheder i layout og design. Med en fast identitet på både hjemmeside og sociale medier skabes der omni-channel for brandet.

Eksemplificering af SoMe story layout

TONE OF VOICE

Hos Tōseibo anvendes en række forskellige Tone of Voice, som spiller en afgørende rolle i virksomhedens personlighed og identitet. Dette inkluderer en blanding af forskellige toner og udtryksformer, som benyttes på tværs af alle platforme.

Formel og indbydende tone Professionel og personlig tone

På Tōseibos platforme gøres der brug af en formel tone i 3. person, hvilket er med til at frembringe virksomhedens professionalisme og troværdighed. Denne formelle tone prioriteres med en indbydende, fængende og historiefortællende tone, der især bruges, når der b.la. henvises til produkter og tjenester, der tilbydes af virksomheden.

”Uanset om du er en te-drikker eller bare sætter pris på smukt design, er Tōseibos Dragon Scale Teapot garanteret at hæve din oplevelse til det næste niveau.”

Eksemplificering af formel og indbydende tone

For at bringe virksomhedens personlighed frem på diverse platforme, gøres der også brug af en professionel tone. Denne tone prioriteres i personlig form, hvor der snakkes og skrives direkte til modtageren. Dette kommer især i brug, når der henvises til virksomhedens tjenester, såsom keramik kurser.

”Dette eksklusive kursus er skræddersyet til dig, der ønsker at opleve den autentiske japanske og østasiatiske keramik kultur på første hånd”

Eksemplificering af professionel og personlig tone

BILLEDSTIL

I Tōseibos visuelle kommunikation gøres der brug af billedog videomaterialer, der medvirker til at skabe et historiefortællende, kulturelt og intenst udtryk. Billedstilen er med til at kommunikere kvalitet, håndværk og tradition, samtidig med at der er fokus på at skabe en afslappet og rolig atmosfære. For at sikre en ensartethed i billed udvalget er retningslinjer defineret, så stil og tone altid er fast.

Stemingsbilleder

Æstetiske og mørke stemningsfulde billeder af proces og produkter benyttes hos Tōseibo, for at fortælle en historie. De stemningsfulde billeder kan bruges på tværs af hjemmesiden i form af baggrund til Hero Image, ved siden af tekst eller i Masonry Grid. Billederne er justeret med farvemætning i varme og skarpe nuancer, som skaber liv og spænding. Desuden bruges der skygger, kontrast og et mørklægnings filter, som får de skarpe farver til at stå iøjnefaldende med et indbydende udtryk. Sidst fremhæves historiefortællingen og det kulturelle aspekt ved brug af key words for billed udvalget såsom afslappet, håndlavet og traditionelt. Denne billedstil skal anvendes på alle Tōseibos platforme, hvor dette også omfatter videomateriale.

Prouktbilleder

I udvalget af produktbilleder er det vigtigt, at billederne fremstår skarpe og viser produktets nøjagtighed. Ved hjælp af close-up billeder kan teksturer fornemmes, og give en ægte følelse af det man ser på.

Denne designmanual er udarbejdet i forbindelse med et eksamensprojekt med Tōseibo som kunde. For eventuelle spørgsmål til designmanualen kan Tōseibo

kontaktes på: info@toseibo.dk