# Kernel Magazine

<div class="header-image"> 
<img src="/thumbnails/KernelMagCover.png">
</div>

Kernel Magazine is a literary magazine under Reboot focused on tech, society, and power. Run every year, it's one of Reboot's biggest projects along with the student fellowship.

I had the opportunity to serve as a web and print designer and web developer for the project along with four other people (one print designer, one web designer, and two developers). Print was done in Indesign and Procreate. Website was made with NextJs, React, Javascript, and a custom CMS was built.

<p class="links">
<a href="https://www.kernelmag.io/">Site</a>
</p>

## Web

### Moodboard and Sketches

<div class="image-gallery">
<div class="item">
<img src="/projects/kernel/moodboard1.png">
</div>
<div class="item">
<img src="/projects/kernel/moodboard2.png">
</div>
</div>

### Mockups

<div class="image-gallery">

<div class="item">
<img src="/projects/kernel/layout.png">
</div>
<div class="item">
<img src="/projects/kernel/about.png">
</div>
<div class="item">
<img src="/projects/kernel/articles.png">
</div>
<div class="item">
<img src="/projects/kernel/people.png">
</div>
</div>

### Colors and Type

<div style="display:flex;">
<img src="/projects/kernel/type.png" width="40%">
<img src="/projects/kernel/color.png" width="50%" style="align-self:baseline">
</div>

## Print

<img src="/projects/kernel/mockup.png" >

<div style="display:flex;margin-top:8px;">
<div class="item">
<img src="/projects/kernel/1.png" >
</div>
<div class="item">
<img src="/projects/kernel/2.png" >
</div>
<div class="item">
<img src="/projects/kernel/3.png" >
</div>
</div>
