At Dreambox we know that brand identity is at the heart of every successful business, and that’s why building brands is at the heart of what we do.

Branding

A distinctive Identity

Developing a bold and colourful identity that reflected the buzz and fashionable cake brand , we built a colourful and impactful brand to appeal to everyone .

Cake & Cake

<p><div class="row justify-content-center">
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/QEBAMYb4yflNWFflZoYTAgQIGwtMz5AYkkhMWOh9.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/oWVwRElTT3qacA7xLxMfH6c8PIjQdKqbsyqg6tk6.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/LH4DjI6KgDyo0xJlZaS20x6U04h0OBGBZYfoTt0J.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/PnKITt9DyeN8JCAbVhKsMpIhAC3h9uTRJByuVLQJ.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/LYSMa6dGvdyILsrk0VPdRSZnHT2HTHXXB1aMh3eU.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-6 col-md-6 col-sm-6 pb-3" animate="left">
            <div class="ratio single-project-ratio">
                <img class="popup-main-first-image" src=https://admin.dreambox.qa/storage/projects/gyECtX4eKpJA08zXJPeOU2oMvKlVUhkfap3O3iKV.jpg alt="single-project" />
            </div>
        </div>
    </div>


<div class="popup-first-wrapper">
    <img class="popup-first-image" src="" />
    
    <div class="close-first-button">
        <svg xmlns="http://www.w3.org/2000/svg" width="30.25" height="30.25" viewBox="0 0 30.25 30.25"><g id="Icon_ionic-md-close-circle" data-name="Icon ionic-md-close-circle" transform="translate(0.5 0.5)"><path class="fill-close mobile" id="Icon_ionic-md-close-circle-2" data-name="Icon ionic-md-close-circle" d="M18,3.375A14.625,14.625,0,1,0,32.625,18,14.574,14.574,0,0,0,18,3.375Zm7.313,19.89-2.048,2.047L18,20.047l-5.265,5.265-2.048-2.047L15.953,18l-5.265-5.265,2.048-2.047L18,15.953l5.265-5.265,2.048,2.047L20.047,18Z" transform="translate(-3.375 -3.375)" fill="none" stroke="#f8eee2" stroke-width="1"></path></g></svg>
    </div>
</div>

<style>
    .popup-first-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 62, 103, 0.5);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
     transition: .3s ease-in-out;
    }
    
    .popup-first-wrapper img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 60%;
    }
    
    .popup-first-wrapper .close-first-button{
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    }
     .popup-first-wrapper .close-first-button:hover{
          cursor: pointer;
          
    }
    .popup-first-wrapper .close-first-button:hover svg path {
        stroke: #2E2E2E;
    }
    
    .popup-first-wrapper.active{
        opacity: 1;
        pointer-events: all;
    }
    
     html.noscroll{
        overflow: hidden;
    }
    
</style>

<script>

    var image = document.getElementsByClassName('popup-first-image');
    var anchors = document.getElementsByClassName('popup-main-first-image');
    var closeButton = document.querySelector('.close-first-button');
    for(var i = 0; i < anchors.length; i++) {
       
        var anchor = anchors[i];
        anchor.onclick = function(e) {
            document.querySelector('.popup-first-image').src = e.target.src;
            document.querySelector('.popup-first-wrapper').classList.add("active");
            document.querySelector('html').classList.add("noscroll");
            
        }
        
      
    }
      closeButton.onclick = function(){
            document.querySelector('.popup-first-wrapper').classList.remove("active");
            document.querySelector('html').classList.remove("noscroll");
        }
      
</script></p>

<p>Egestas vel porta, consectetuer aliquam sit hendrerit bibendum ridiculus.</p>

<p><div class="row gx-3 pb-20">
            <div class="col-lg-5 col-md-5 col-sm-6 pb-20"
            animate="left">
            <div class="ratio  single-project-ratio-diff2 ">
                <img class="popup-main-image" src=https://admin.dreambox.qa/storage/projects/ONrwbS2pLV99vK2BeV5I5HPz0MTzp9wufQBLUEao.jpg alt="single-project" />
            </div>
        </div>
            <div class="col-lg-7 col-md-7 col-sm-6 pb-20"
            animate="left">
            <div class="ratio single-project-ratio-diff1 ">
                <img class="popup-main-image" src=https://admin.dreambox.qa/storage/projects/ibtlczZzAgokJW17zjr8vOcANretCBcpGQQlav82.jpg alt="single-project" />
            </div>
        </div>
    
</div>

<div class="popup-wrapper">
    <img class="popup-image" src="" />
    
    <div class="close-button">
        <svg xmlns="http://www.w3.org/2000/svg" width="30.25" height="30.25" viewBox="0 0 30.25 30.25"><g id="Icon_ionic-md-close-circle" data-name="Icon ionic-md-close-circle" transform="translate(0.5 0.5)"><path class="fill-close mobile" id="Icon_ionic-md-close-circle-2" data-name="Icon ionic-md-close-circle" d="M18,3.375A14.625,14.625,0,1,0,32.625,18,14.574,14.574,0,0,0,18,3.375Zm7.313,19.89-2.048,2.047L18,20.047l-5.265,5.265-2.048-2.047L15.953,18l-5.265-5.265,2.048-2.047L18,15.953l5.265-5.265,2.048,2.047L20.047,18Z" transform="translate(-3.375 -3.375)" fill="none" stroke="#f8eee2" stroke-width="1"></path></g></svg>
    </div>
</div>

<style>
    .popup-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 62, 103, 0.5);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-in-out;
    }
    
    .popup-wrapper img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 60%;
    }
    
    .popup-wrapper .close-button{
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    }
     .popup-wrapper .close-button:hover{
          cursor: pointer;
          
    }
    .popup-wrapper .close-button:hover svg path {
        stroke: #2E2E2E;
    }
    .popup-wrapper.active{
        opacity: 1;
        pointer-events: all;
    }
    
    htm.noscroll{
        overflow: hidden;
    }
    
</style>

<script>
      
    var image = document.getElementsByClassName('popup-image');
    var anchors = document.getElementsByClassName('popup-main-image');
     var closeButton = document.querySelector('.close-button');
    for(var i = 0; i < anchors.length; i++) {
        var anchor = anchors[i];
        anchor.onclick = function(e) {
            
            document.querySelector('.popup-image').src = e.target.src;
            document.querySelector('.popup-wrapper').classList.add("active");
            document.querySelector('html').classList.add("noscroll");
            
        }
         
      
    }
      closeButton.onclick = function(){
            document.querySelector('.popup-wrapper').classList.remove("active");
            document.querySelector('html').classList.remove("noscroll");
    }
    
</script></p>

Dreambox is an agency for the world we live in now, and that’s why we leverage every current and relevant channel to deliver brand communications.

Advertising

Authentically reflecting the Qatari Culture

We uncovered the history, motivations and vision of company which enabled us to build an authentic story for visual and verbal communication

TM81

At Dreambox, creativity is more than just a way of thinking, it’s a way of being. It’s what gets us up in the morning and what fuels our day (besides coffee), what keeps us up at night and what our dreams are made of. It takes us beyond bluesky- thinking and outside-the-box ideas, it elevates every meeting, every brief, every pitch, every project. Creativity is in our DNA. Creativity is in all we do.

TM81

Authentically reflecting the Qatari Culture

CLIENT

TM81

CATEGORY

Advertising

Next Project

Cake & Cake

INSTAGRAM

Contact Us

Follow Us

Sunny & Co © Copyright All Rights Reserved