CHICAGO, ILLINOIS

THE TIME IS CURRENTLY: 

CST

SEDR

SEDR is a modern underground radio based in Chicago, Illinois. Broadcasting an experimental and ecclectic programming agenda consisting of creative and diverse artists. Defying the algorithm.

Designed with Figma, developed in Webflow & custom code solutions using Brackets.

year

2021

ROLE

VISUAL IDENTITY

art direction

code & development

PHOTOGRAPHY

Esli Israel

STATUS

Live

ART DIRECTION

The art direction for the site was designed with heavy inspiration from programming design, analog user interfaces, and working with monospace type to create a terminal style experience. Using Input Sans by David Jonathan Ross, the type was designed for programming and was reminiscent of pixel-based fonts of early computer consoles.

The goal with the website was to design an experience that provided an easy path for sound, information, and navigation. The research was conducted over a six month period with 3 different versions leading to the official 3.0 beta release in the summer of 2021.

LOGO EXPLORATIONS

I wanted to take a different approach to designing the logo-type and wanted to create a modular and ever-changing logo. I consulted Bruno Maag’s thesis project at the Schule für Gestaltung Basel and was curious with how simple and beautiful the low and high resolution type experiments were. Designing characters for 3 resolutions based on the value of DPI resulted in various changes for each letter.

GRID BLOCK

Using a 6x6 grid I designed a variety of logo iterations that could all be used interchangeably as the primary logo. Staying eclectic, creative, and free was the mission for SEDR and I wanted to make sure the logo was no different. Above you’ll see the variations that were cleared for final development.

TYPE SCALE

Implementing a visual type scale was instrumental to creating and establishing a brand hierarchy. I wanted the type to be small and sharp, reflecting a terminal style UI from the early 2000’s but still legible and easy to read.

units

H1

h2

h3

h4

p (Bold)

P (body)

p (S. Bold)

P (body)

em

4.209

3.157

2.369

1.777

1.33

1

0.75

0.75

px

67.34

67.34

37.90

28.43

21.33

16

12

12

TYPEFACE

INPUT SANS

type scale

1.333 - Perfect Fourth

css

html {font-size: 100%;} /*16px*/

body {
 background: white;
 font-family: 'input-sans', sans-serif;
 font-weight: 400;
 line-height: 1.75;
 color: #000000;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
 margin: 3rem 0 1.38rem;
 font-family: 'Input Sans', sans-serif;
 font-weight: 400;
 line-height: 1.3;
}

h1 {
 margin-top: 0;
 font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

small, .text_small {font-size: 0.8rem;}

REDEFINING MODERN RADIO. PROVIDING A CREATIVE OUTLET FOR HUMANS THROUGH ART, SOUND, AND CONVERSATION.

DESKTOP

1

Grid: 10 Column

Margin: 20px

Gutter: 20px

MOBILE

2

Grid: 4 Column

Margin: 10px

Gutter: 20px

1 Designed at 1920x1080 with responsive type (EM)

2 Designed at iPhone 11 Pro Max  (414x896)

TERMINAL

ASCII MORPH CODE - TIMOTHY HOLMAN

ASCII GENERATIVE ART





███████ ██    ██ ██████  ██████  ██      ███████ ███    ███ ███████ ███    ██ ████████  █████  ██████  ██    ██     ███████ ██   ██ ██████  ███████ ██████  ██ ███    ███ ███████ ███    ██ ████████  █████  ██          ██████   █████  ████████  █████      ██████  ███████  ██████  ██████  ██████  ██████ 
██      ██    ██ ██   ██ ██   ██ ██      ██      ████  ████ ██      ████   ██    ██    ██   ██ ██   ██  ██  ██      ██       ██ ██  ██   ██ ██      ██   ██ ██ ████  ████ ██      ████   ██    ██    ██   ██ ██          ██   ██ ██   ██    ██    ██   ██     ██   ██ ██      ██      ██    ██ ██   ██ ██   ██ 
███████ ██    ██ ██████  ██████  ██      █████   ██ ████ ██ █████   ██ ██  ██    ██    ███████ ██████    ████       █████     ███   ██████  █████   ██████  ██ ██ ████ ██ █████   ██ ██  ██    ██    ███████ ██          ██   ██ ███████    ██    ███████     ██████  █████   ██      ██    ██ ██████  ██   ██ 
     ██ ██    ██ ██      ██      ██      ██      ██  ██  ██ ██      ██  ██ ██    ██    ██   ██ ██   ██    ██        ██       ██ ██  ██      ██      ██   ██ ██ ██  ██  ██ ██      ██  ██ ██    ██    ██   ██ ██          ██   ██ ██   ██    ██    ██   ██     ██   ██ ██      ██      ██    ██ ██   ██ ██   ██ 
███████  ██████  ██      ██      ███████ ███████ ██      ██ ███████ ██   ████    ██    ██   ██ ██   ██    ██        ███████ ██   ██ ██      ███████ ██   ██ ██ ██      ██ ███████ ██   ████    ██    ██   ██ ███████     ██████  ██   ██    ██    ██   ██     ██   ██ ███████  ██████  ██████  ██   ██ ██████  

███████ ██    ██ ██████  ██████  ██      ███████ ███    ███ ███████ ███    ██ ████████  █████  ██████  ██    ██     ███████ ██   ██ ██████  ███████ ██████  ██ ███    ███ ███████ ███    ██ ████████  █████  ██          ██████   █████  ████████  █████      ██████  ███████  ██████  ██████  ██████  ██████ 
██      ██    ██ ██   ██ ██   ██ ██      ██      ████  ████ ██      ████   ██    ██    ██   ██ ██   ██  ██  ██      ██       ██ ██  ██   ██ ██      ██   ██ ██ ████  ████ ██      ████   ██    ██    ██   ██ ██          ██   ██ ██   ██    ██    ██   ██     ██   ██ ██      ██      ██    ██ ██   ██ ██   ██ 
███████ ██    ██ ██████  ██████  ██      █████   ██ ████ ██ █████   ██ ██  ██    ██    ███████ ██████    ████       █████     ███   ██████  █████   ██████  ██ ██ ████ ██ █████   ██ ██  ██    ██    ███████ ██          ██   ██ ███████    ██    ███████     ██████  █████   ██      ██    ██ ██████  ██   ██ 
     ██ ██    ██ ██      ██      ██      ██      ██  ██  ██ ██      ██  ██ ██    ██    ██   ██ ██   ██    ██        ██       ██ ██  ██      ██      ██   ██ ██ ██  ██  ██ ██      ██  ██ ██    ██    ██   ██ ██          ██   ██ ██   ██    ██    ██   ██     ██   ██ ██      ██      ██    ██ ██   ██ ██   ██ 
███████  ██████  ██      ██      ███████ ███████ ██      ██ ███████ ██   ████    ██    ██   ██ ██   ██    ██        ███████ ██   ██ ██      ███████ ██   ██ ██ ██      ██ ███████ ██   ████    ██    ██   ██ ███████     ██████  ██   ██    ██    ██   ██     ██   ██ ███████  ██████  ██████  ██   ██ ██████