BRAND GUIDELINES - uBrand.app

Page created by Nathaniel Mueller
 
CONTINUE READING
BRAND GUIDELINES - uBrand.app
BRAND GUIDELINES
BRAND GUIDELINES - uBrand.app
Brand guidelines
About

    uBrand
    Our story started with a $0.38 balance on a loyalty app…

    Have you ever thought about WHY your business needs an app?

    I am not talking about Smartphones and Mobile Applications being an integral
    part of your
    customer's lives. Or that more and more business turns mobile every day. — We
    all know that.

    I am asking if you have thought about what a mobile app should do for your
    business?

    I asked myself this question after standing between three virtually identical
    coffee shops and
    instantly made the choice to turn left and go to one of them.

    What made the choice so easy for me? A great deal? A huge discount?
    — No, it was a $0.38 balance on an app on my phone.

        How could an app with 38 cents of my own money make me go spend my
    money at that
        coffee shop without even questioning why?
BRAND GUIDELINES - uBrand.app
Brand guidelines
About
    That made me extremely curious about how apps influence our choices and purchas-                                            The best part is that now you can get an app tailored for you in a few simple steps.
    ing                                                                                                                         With our system, you can take advantage of tested and proven mobile marketing techniques
    decisions...                                                                                                                and reward systems to bring value to your customers. All while increasing your own profits and
                                                                                                                                customer retention.
    Should you invest in an app or is it really a waste of money?
                                                                                                                                Take control of your customer data
    More and more companies are realizing that they need an app to stay competitive in today’s
    business world. However, building your own app will quickly become very time consuming and                                  And while you customers are thrilled about the service they get through your app, you will get
    expensive for smaller to medium-sized businesses. It requires extensive knowledge of coding orhir-                          valuable information about them and their habits. That way you can offer an even better service
    ing experienced software developers to build the app for you. And after that, it requires a commit-                         — online and offline!
    ment to ongoing development and updates…
    Joining a shared third-party application, where your competition fight for the same customers — will quickly become a        With uBrand, your business gets full control of the data your app collects. The data will be
    race to the bottom. You will compete with your competitors on who can deliver the cheapest deals, biggest discounts         collected and stored in a cloud-based database with bank-level encryption and data security.
    and lowest prices. Needless to say, this approach will not lead to a profitable business. All such apps do is attract deal   And when you need to access it, you will have all the analytics tools you need to order the raw
    hunters — not loyal customers.                                                                                              data into visualized, actionable business insights. You will quickly experience how much easier
                                                                                                                                making informed business decisions can be with the right tools.
    There’s a more profitable way to take your business mobile

                                                                                                                                So stop wasting money on applications luring in deal hunters, who just want to take advantage
    After more than 18 months of intense research on loyalty applications, reward programs, mobile                              of your promotions. Start building a relationship with loyal customers. It all begins by connecting
    payment security, customer behaviour and psychology, the neuroscience of decision making,                                   with our team for a talk about how we can tailor an app to grow your business and profits.
    and much more, my team and I have come up with a fast, simple and affordable way for smaller
    businesses to get a customized app.

            There’s no one solution that fits across all industries when it comes to building customer                          ubrand.app/                              +1 604 644 3637
            satisfaction. So let uBrand.App help you tailor an app to your customers!                                           app@uBrand.app                           +1 866 824 8018
Brand guidelines
Master logo
Brand guidelines
Logo variations
Brand guidelines
Logo usage

                                                    Minimum width
                                                    The logo minimum width is 90px or 32mm.

    Exclusion zones
    Always allow a minimum space around the logo.
Brand guidelines
CTA Button

                   uBrand

                    uBrand

                    uBrand
Brand guidelines
Typography

     Roboto
     Paragraph font                 Regular

     ABCDEFGHIJKLMNOPQRSTUVW        Lorem ipsum dolor sit amet, consectetur
                                    adipiscing elit, sed do eiusmod tempor.
     abcdefghijklmnopqrstuvw
     1234567890!@#$%^&*()_+=”:?><   Italic

                                    Lorem ipsum dolor sit amet, consectetur
                                    adipiscing elit, sed do eiusmod tempor.

                                    Bold

                                    Lorem ipsum dolor sit amet, consectetur
                                    adipiscing elit, sed do eiusmod tempor.
Brand guidelines
Color

    Primary                           Secondary

    HEX FDBC10       HEX F3951E       HEX 999999       HEX D2D2D2 R210   HEX F8F8F8
    R253 G188 B16    R243 G149 B30    R153 G153 B153   G210 B210         R248 G248 B248
    C0 M28 Y100 K0   C1 M49 Y100 K0   C43 M35 Y35 K1   C17 M13 Y13 K0    C2 M1 Y1 K0
Brand guidelines
Brand application

                    Business card
Brand guidelines
Brand application

                    Facebook cover
Brand guidelines
Glossary
     RGB                                                     CMYK                                                     Vector
     (Red, Green, Blue) color mode is for anything that is   (Cyan, Magenta, Yellow, Black) color mode is used        Vector images are made up of points, lines, and
     computer-based design. This includes websites,          for print design. This includes logos, business cards,   curves that can be infinitely scaled without any loss
     apps, banner ad and any other design created for        stationary, illustration, packaging and any other        in image quality.
     electronic use.                                         designs used for print.

     Raster                                                  Lossless                                                 Lossy
     Raster images are made up of a set grid of dots         Lossless image formats capture all of the data of        Lossy image formats approximate what your original
     called pixels, where each pixel is assigned a color     your original file. Nothing from the original file,        image looks like. For example, a lossy image might
     value. Unlike a vector image, raster images are         photo, or piece of art is lost—hence the term            reduce the amount of colors in your image or
     resolution dependent. When you change the size of a     “lossless.” The file may still be compressed, but all     analyze the image for any unnecessary data. These
     raster image, you shrink or stretch the pixels          lossless formats will be able to reconstruct your        clever technical tricks will typically reduce the file
     themselves, which can result in a significant loss of    image to its original state.                             size, though they may reduce the quality of your
     clarity and produce very blurry images.                                                                          image.
Brand guidelines
Glossary
     JPEG/JPG                                               EPS                                                          PNG
     JPEG is a lossy raster format that stands for Joint    EPS is an image format that stands for Encapsulated          PNG is a lossless raster format that stands for
     Photographic Experts Group, the technical team that    PostScript. Although it is used primarily as a vector        Portable Network Graphics. Think of PNGs as the
     developed it. This is one of the most widely used      format, an EPS file can include both vector and raster        next-generation GIF. This format has built-in
     formats online, typically for photos, email graphics   image data. Typically, an EPS file includes a single          transparency, but can also display higher color
     and large web images like banner ads. JPEG images      design element that can be used in a larger design.          depths, which translates into millions of colors.
     have a sliding scale of compression that decreases                                                                  PNGs are a web standard and are quickly becoming
     file size tremendously, but increases artifacts or                                                                   one of the most common image formats used
     pixelation the more the image is compressed.                                                                        online.

     AI                                                     PDF                                                          Lossy
     AI is a proprietary vector image format that stands    PDF stands for Portable Document Format and is an            TIFF is a lossless raster format that stands for
     for Adobe Illustrator. The format is based on both     image format used to display documents and graphics          Tagged Image File Format. Because of its extremely
     the EPS and PDF standards developed by Adobe.          correctly, no matter the device, application, operating      high quality, the format is primarily used in
     Like those formats, AI files are primarily a            system or web browser. At its core, PDF files have a          photography and desktop publishing. You’ll likely
     vector-based format, though they can also include      powerful vector graphics foundation, but can also display    encounter TIFF files when you scan a document or
     embedded or linked raster images. AI files can be       everything from raster graphics to form fields to             take a photo with a professional digital camera. Do
     exported to both PDF and EPS files (for easy            spreadsheets. Because it is a near universal standard,       note that TIFF files can also be used as a “container”
     reviewing and printing), and also JPEG, PNG, GIF,      PDF files are often the file format requested by printers to   for JPEG images. These files will be much smaller
     TIFF and PSD (for web use and further editing).        send a final design into production. Both Adobe               than traditional TIFF files, which are typically very
                                                            Photoshop and Illustrator can export straight to PDF,        large.
                                                            making it easy to start your design and get it ready for
                                                            printing.
You can also read