Alex_Zamazan

<header class="header clearfix">
	<div class="left"></div>
	<div class="right-top"></div>
	<div class="right-bottom"></div>
</header>

.left {
	float: left;
	width: 33%;
	height: 300px;
	background: green;
}
.right-top,
.right-bottom {
	float: right;
	width: 67%;
}
.right-top {
	height: 100px;
	background: red;
}
.right-bottom {
	height: 200px;
	background: blue;
}
.clearfix::after {
	display: block;
	content: '';
	clear: both;
}

<header>
  
  <div class="logo">
    <h1>Logo</h1>
  </div>
  
  <div class="right-header">
    
    <div class="name">
      <h2>name</h2>
    </div>


    <div class="description">
      <p>description</p>
    </div>
    
  </div>
  
</header>

header {
  position: relative;
  width: 100%; height: 200px;
  outline: 2px solid #000;
}
header, header * {
  padding: 0;
  margin: 0;
}

.logo {
  position:absolute;
  outline: 1px solid #000;
  width: 200px; height: 200px;
}

.right-header {
  position: absolute;
  right: 0; top: 0;
  width: calc(100% - 200px);
}
  .name {
    width: 100%;
    height: 70px;
    outline: 1px solid #000;
    right: 0; top: 0;
    text-align: center;
  }
  .description {
    width: 100%;
    height: 130px;
    outline: 1px solid #000;
    right: 0; top: 0;
    text-align: center;
  }