Comdesk Brand Guidelines

Transcript

1. Brand
   
   Guidelines
   

   View Slide

2. Comdesk brand mark
   
   Standard logo
   
   Lead & Flat logos
   
   Micro logo
   
   Usage on backgrounds
   
   Logo misuse
   4
   
   6
   
   7
   
   8
   
   9
   
   12
   Image masking
   
   Photography
   21
   
   23
   Our brand
   Brand Elements
   Colors
   Typography
   Primary colors
   
   Secondary colors
   14
   
   15
   Headers
   
   General use
   15
   
   16
   Table of contents 2
   

   View Slide

3. Our
   
   Brand
   

   View Slide

4. Our brand Comdesk brand mark 4
   Comdesk brand mark 

   is made of simple
   overlapping shapes that
   form a speech bubble
   

   View Slide

5. 5
   Shapes of the mark
   resemble C and D letters
   in the Comdesk name
   Our brand Comdesk brand mark
   

   View Slide

6. 6
   The type set in Satoshi
   Black completes the logo.
   
   Safe space around it takes
   the dimensions of the mark
   itself
   Our brand Standard logo
   

   View Slide

7. 7
   Comdesk Lead & Comdesk
   Flat products have their
   own version of the logo
   with a colored descriptor
   Our brand Lead & Flat logos
   

   View Slide

8. Comdesk mark can be
   used separately without

   a text
   8
   Our brand Micro logo
   

   View Slide

9. 9
   Colored logo can be used
   only on a deep blue, white
   and black backgrounds
   Our brand Usage on backgrounds
   

   View Slide

10. 10
    Colored backgrounds
    require a monochrome
    version of the logo
    Our brand Usage on backgrounds
    

    View Slide

11. 11
    Photo backgrounds also
    require a monochrome
    version of the logo
    Our brand Usage on backgrounds
    

    View Slide

12. 12
    Our brand Logo misuse
    comdesk
    

    View Slide

13. Colors
    

    View Slide

14. Colors Primary colos 14
    These colors are
    associated with main
    Comdesk products.
    
    Tangerine is for Comdesk
    Flat, Teal is for Comdesk
    Lead.
    
    Deep Blue and White
    colors are universal and
    can be used for any
    product
    Tangerine
    HEX

    RGB
    
    CMYK
    #FE624D
    
    254-98-77
    
    0-61-69-0
    Deep Blue
    HEX

    RGB
    
    CMYK
    #141C48
    
    20-28-72
    
    20-17-0-72
    White
    HEX

    RGB
    
    CMYK
    #FFFFFF
    
    255-255-255
    
    0-0-0-0
    Teal
    HEX

    RGB
    
    CMYK
    #03B7CF
    
    3-183-207
    
    80-9-0-19
    

    View Slide

15. Apricot
    HEX

    RGB
    
    CMYK
    #FFAE35
    
    255-174-53
    
    0-32-79-0
    Fuchsia
    HEX

    RGB
    
    CMYK
    #DF1960
    
    223-25-96
    
    0-78-50-13
    Cobalt
    HEX

    RGB
    
    CMYK
    #0F55BD
    
    18-85-189
    
    68-41-0-26
    15
    Secondary colors can be
    used as accents on a dark
    or white background
    Lime
    HEX

    RGB
    
    CMYK
    #4FFAA8
    
    79-250-168
    
    67-0-32-2
    Colors Secondary colors
    

    View Slide

16. Typography
    

    View Slide

17. Aa Bb Cc Dd Ee Ff 

    Gg Hh Ii Jj Kk Ll Mm 

    Nn Oo Pp Qq Rr Ss Tt

    Uu Vv Ww Xx Yy Zz
    
    1 2 3 4 5 6 7 8 9 0
    Colors Headers 17
    Satoshi Black is used
    for headers and accents
    

    View Slide

18. 18
    Roboto is used for general
    texts in Japanese and
    English あ い う え お か き く け
    こ さ し す せ そ た ち つ
    て と な に ぬ ね の は ひ
    ふ へ ほ ま み む め も
    
    一 二 三 四 五 六 七 八 九
    Colors General use
    

    View Slide

19. Brand
    
    Elements
    

    View Slide

20. Image masking
    

    View Slide

21. comdesk
    
    lead
    電話営業の収益性を

    最大化させる
    AIを搭載した、モバイル連動できる唯一の
    
    コンタクトシステムで営業効率を最大化
    資料請求 お問い合わせ
    Product Features Flow About
    comdesk
    
    lead
    電話営業の収益性を

    最大化させる
    AIを搭載した、モバイル連動できる唯一の
    
    コンタクトシステムで営業効率を最大化
    資料請求 お問い合わせ
    Product Features Flow About
    21
    Comdesk mark can be
    used as a mask for photos
    and imagery.
    
    Elements of the logo can
    be also used separately
    and arranged into patterns
    Brand elements Image masking
    

    View Slide

22. Photography
    

    View Slide

23. Brand elements Photography 23
    Use imagery with
    prominent curved or
    straight lines to convey the
    idea of connection and
    movement.
    
    Blue tint is applied to all
    photos to create a distinct
    look
    

    View Slide

24. 24
    Stronger tint is used on
    black and white photos
    Brand elements Photography
    

    View Slide