SEDR

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

px

67.34

37.90

28.43

21.33

16

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

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

SEDR F/F Acid Tee, Photography & Model - Esli Israel, 2021.

SEDR FRIENDS/FAMILY FIRST LAUNCH TEE

The official SEDR Launch tee, brutally designed to mimic the open format landscape that SEDR is built upon. For friends & family. Manufactured from Everpress in London.

PRODUCT INFO

Cut to a relaxed fit, the J180M T-Shirt is made from heavyweight 100% cotton and is WRAP and Oeko-Tex accredited.

> Wash garment inside out
> Only wash your garment on a cold cycle
> Do not tumble dry (it’s the worst)
> Iron your garment inside out

FRONT

BACK

CO-FOUNDER

NICK URSEM

CREATIVE DIRECTION

ADAM RODRIGUEZ

DESIGNED WITH

FIGMA

AFTER EFFECTS

AI/PS

CINEMA 4D

WEB DEVELOPMENT

WEBFLOW

BRACKETS

PHOTOGRAPHY

MARK CLAUDIO

ESLI ISRAEL

2021©