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

Innovative use of a series of 3D rendering implementation

Dreambox is defined by innovative design solutions and the speed of their implementations, and 3D modeling services can come in handy for both.

Social Media

<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/oWyXzMRI98ZrwxOMvbapasWc5nBfTvncNy6pdUbl.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/t9vwaxfuI36oO2YbrTzfv7HleWQD7qZci2uAib7k.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/WalqmhMLQvcAzCSoSPA5d8ZfpG1kbBT0vSNYDzEQ.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>

3D Special fonts models

3D fonts provide a visual depth, and mimic 3D modeling in a 2D screen made for creative projects

Typography

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.

Typography

3D Special fonts models

CLIENT

Special Font Dark

CATEGORY

Branding

Next Project

Social Media

INSTAGRAM

Contact Us

Follow Us

Dreambox © Copyright All Rights Reserved