Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UnDrive Style Guide

Mike Royer
April 11, 2023

UnDrive Style Guide

Update July 1, 2019

Mike Royer

April 11, 2023
Tweet

More Decks by Mike Royer

Other Decks in Design

Transcript

  1. KCRW’s UnDrive Style Guide
    Updated July 1, 2019

    View Slide

  2. TABLE OF CONTENTS 2
    TABLE OF CONTENTS
    03
    04
    08
    10
    Brand Overview
    Logo
    Color Palette
    Typography
    12
    14
    14
    Iconography
    Pattern
    Legal

    View Slide

  3. BRAND OVERVIEW 3
    BRAND OVERVIEW
    KCRW is your always-on connection to music, news,
    culture, and each other — on the radio, online, and
    in-person. We belong to Los Angeles, connecting diverse
    perspectives and the sounds of Southern California with
    curious communities around the corner and around the
    world.
    As a community driven by the spirit of Los Angeles, KCRW
    aspires to connect the interesting to the interested,
    growing a hyper-engaged LA-based collective through
    one-of-a-kind experiences. Always excellent, essential, and
    accessible, we’re the exclusive club that everyone is invited
    to.
    We are the curator of the LA experience — your guide to
    understanding the diverse communities and cultures of the
    region, spotlighting unique perspectives through original
    programming and hand-picked content. Always free, never
    behind a paywall.

    View Slide

  4. LOGO 4
    LOGO
    Horizontal Single Color
    Stacked Single Color
    Horizontal Full Color
    Stacked Full Color

    View Slide

  5. WITH TAGLINE
    LOGO 5
    LOGO WITH TAGLINE
    Horizontal Single Color with Tagline Horizontal Full Color with Tagline

    View Slide

  6. USAGE
    LOGO 6
    LOGO DOs
    Use high-contrast background colors for optimal legibility Proper clear spacing around the UnDrive logo

    View Slide

  7. USAGE
    LOGO 7
    LOGO DON’Ts
    Do NOT add drop shadow
    Do NOT rotate or distort
    Do NOT use off brand colors
    Do NOT place over busy photos
    Do NOT place on low contast colors
    Do NOT split colors
    Do NOT change size of tagline
    Do NOT change tagline text
    Do NOT recreate logo
    Los Angeles
    Los Angeles
    UnDrive

    View Slide

  8. COLOR PALETTE 8
    COLOR PALETTE
    CMYK: 73 / 100 / 21 / 7
    RGB: 101 / 36 / 116
    HEX: #652474
    CMYK: 6 / 98 / 3 / 0
    RGB: 225 / 28 /138
    HEX: #e11c8a
    CMYK: 64 / 0 / 28 / 0
    RGB: 0 / 214 / 206
    HEX: #00d6ce
    CMYK: 1 / 17 / 99 / 0
    RGB: 255 / 208 / 5
    HEX: #ffd005
    CMYK: 75 / 75 / 59 / 81
    RGB: 17 / 2 / 20
    HEX: #110214
    CMYK: 0 / 2 / 0 / 0
    RGB: 254 / 250 / 255
    HEX: #fefaff
    EGGPLANT
    MAGENTA
    AQUA
    BUTTER
    BLACK
    WHITE

    View Slide

  9. USAGE
    COLOR PALETTE 9
    COLOR PALETTE USAGE
    Use high-contrast pairings for optimal legibility
    DOs
    Make sure color pairings pass contrast accessibility
    DON’Ts
    Headline Text
    Headline Text
    Headline Text
    Headline Text
    Headline Text
    Headline Text

    View Slide

  10. TYPOGRAPHY 10
    TYPOGRAPHY
    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
    0 1 2 3 4 5 6 7 8 9
    Paytone One Regular
    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
    0 1 2 3 4 5 6 7 8 9
    Lato Bold
    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
    0 1 2 3 4 5 6 7 8 9
    Lato Regular
    HEADINGS
    BODY COPY

    View Slide

  11. TYPESETTING
    TYPOGRAPHY 11
    TYPOGRAPHY TYPESETTING
    LARGE HEADLINE
    PAYTONE ONE REGULAR
    ALL CAPS | Tracking: 10
    Lato Bold
    Title Case | Tracking: 20
    Lato Regular
    Title Case | Tracking: 30
    Article Title
    Subtitle

    View Slide

  12. ICONOGRAPHY 12
    ICONOGRAPHY
    Music Emoji Confetti Ball Balloon Party Popper Stars

    View Slide

  13. USAGE
    ICONOGRAPHY 13
    ICONOGRAPHY USAGE
    Logo Lockup Call to Action
    JOIN NOW
    Become a KCRW member and
    support music, news, and culture.

    View Slide

  14. PATTERNS 14
    PATTERN

    View Slide

  15. USAGE
    PATTERNS 15
    PATTERN USAGE
    Digital Wallpapers Website Backgrounds
    Subscribe to our Newsletter!
    Submit
    Email
    Never miss the best of what to do with your free time.
    With tastes that match your curiosity, let KCRW be
    your cultural docent for where to go, what to see, eat,
    hear, do, and more.

    View Slide

  16. COPYRIGHT NOTICE 16
    COPYRIGHT NOTICE
    For all usages of this artwork, logos, patterns and icons, please use the following notice:
    ©KCRW

    View Slide

  17. BRAND USE & QUESTIONS 17
    BRAND USE & QUESTIONS
    Use of the KCRW logo and/or creative assets for merchandise or promotional materials must
    be approved by the KCRW creative team.
    Please contact Mike Royer for all use permissions and approvals:
    [email protected]
    MIKE ROYER

    View Slide