CTRL-A · Vol. 01Toolkit 03
Part 01 · The Craft

How do I make this look good
is the wrong question.

Too open a question, and the reason most beginner work looks the same. It assumes the goal is aesthetics. It is not.

Design is decision-making with a visual output, not decoration. When it looks good, the right questions got asked first.

Before the pixels · the brief

Three questions, asked before you open a file

Before my friends at SCAD ever touch a pen or open Figma, they answer three things. Not a checklist. A way of thinking.

Every color, every typeface, every gap is an answer to this. The work comes from the brief, not from what looks cool right now.

A jazz poster, downtownloud · texture · ink

Sell out a Friday night. Make someone stop on the street and feel the noise before they read the date.

A SaaS landing pageclarity · system · restraint

Earn a busy buyer's demo. Remove doubt, don't add flourish.

Hover or tap a question · one goal, two briefs, two answers

The step everyone skips · the moodboard

Lock the language before you make a thing

A moodboard is not a Pinterest board, it is a decision. Lock the visual language before any original work starts, so every choice has a reference point and you are executing, not guessing. Here is what the board actually decides.

01

Typography direction

the voice before the words

Serif or sans, sharp or soft, loud or quiet. You are choosing how it speaks before you write a line.

02

Color temperature

the mood, not the hex

Warm or cool, saturated or muted. The feeling gets locked here, long before any specific color value.

03

Texture

how the surface feels

Clean and flat, or grain, paper, ink, noise. The difference between a thing that feels digital and one that feels made.

04

Density

how much breathes

Packed and busy, or open and slow. Density sets the pace a person reads at before they read anything.

05

Negative space

what you leave out

The most senior decision on the board. Confidence is knowing what to remove and trusting the room it leaves.

06

Photography style

shot on purpose

Lit and graded one way, deliberately. Or no photography at all, which is also a decision, not a default.

The proof · a poster you can play

A poster, defended

A real piece, built the way we build, no stock art. Play the bench, swap the palette, and tap any part to hear why it is the size, color, and place it is. A junior makes it look nice, a senior can defend every choice.

saturday · the cellar room

after
hours

the maya reed quartet
nov 16doors 9 · first set 10$15 at the door
62 mercer st · atlantaCTRL-A presents
tap any part · or play the bench below
scale contrast≈ 7.6× · clear
gridoff · surface only
paletteafter hours · warm · ember · gold
state travels as a link
The poster, defended

1the space up top

the silence is on purpose. it lets the poster breathe and reads like a venue, not a flyer stapled to a pole. crowded would feel cheap. confidence is what you leave out.

a junior makes it look nice. a senior can play with every variable and still defend where it lands.

Know your instruments · the tools

They are not competing

Different instruments, not interchangeable and not rivals. Tools do not make the work. Understanding what they are doing, and why, makes the work.

layout

Canva

Teaches you to place things on a page and make them sit right. It is where most people start, and there is nothing wrong with that.

systems

Figma

Teaches you why components exist, why constraints matter, and how a thing stays consistent as it scales across screens.

texture and light

Photoshop

Teaches you why blending modes exist, and how light, surface, and depth actually behave. The craft underneath the comp.

Junior to senior

The gap is not software skill. It is the ability to defend every decision. Why that size, why that color, why that much space between those two things. Nothing arbitrary.

The process before the pixels is what makes that possible. Start there.

Part 02 · The ToolsNow the software. The picks our designers actually reach for.

Design.

The design toolkit our creative team swears by. Interface design, branding, 3D, and everything in between. Curated by designers who ship real client work, not concept pieces.

8 Picks · Updated monthly
Industry Signals · what shifted lately
01
Interface DesignBeginner

Figma

Where screens get designed and prototyped, together, in the browser.

When to reach for it

Before you build anything, to settle layout, spacing, and flow with your team.

Pairs with
MobbinGoogle Fonts
Open Figma
www.figma.com
Preview
02
VectorIntermediate

Adobe Illustrator

Precision vector tool for logos, icons, and clean illustration.

When to reach for it

When you need crisp artwork that scales to any size without blurring.

Pairs with
Photoshop
www.adobe.com/products/illustrator.html
Preview
03
RasterIntermediate

Photoshop

The standard for photo editing, retouching, and compositing.

When to reach for it

When you're working with photos and textures, not shapes and type.

Pairs with
Adobe Illustrator
Open Photoshop
www.adobe.com/products/photoshop.html
Preview
04
3DPro

Blender

A complete 3D suite, modeling to render, that happens to be free.

When to reach for it

When a project needs real 3D: product shots, motion, or scenes you can't fake in 2D.

Pairs with
Spline
Open Blender
www.blender.org
Preview
05
ColorBeginner

Coolors

Generate, lock, and export colour palettes in seconds.

When to reach for it

At the start of a brand or UI, when you're hunting a palette that actually works.

Pairs with
Figma
Open Coolors
coolors.co
Preview
06
TypographyBeginner

Google Fonts

1,500+ free, web-ready type families, variable fonts included.

When to reach for it

Any time you need quality type with no licensing headache.

Pairs with
Figma
fonts.google.com
Preview
07
InspirationBeginner

Mobbin

Screenshots of real shipped apps, organized by flow and screen.

When to reach for it

When you're designing a flow and want to see how real products solve it.

Pairs with
Figma
Open Mobbin
mobbin.com
Preview
08
3D for WebIntermediate

Spline

Design interactive 3D for the web with no code, then export to React.

When to reach for it

When a site needs a 3D element that reacts, without opening Blender.

Pairs with
FigmaBlender
Open Spline
spline.design
Preview
Also in the kit
A design only counts once it ships, and the screens drawn here get handed to Next.js in the web dev kit.Development kitThe interactive 3D built in Spline leaves as React components, which the web dev kit picks up and mounts.Development kitCover art and artist branding shaped here dress the records mixed with Auto-Tune in the music kit.Music kit
A history lesson

The people who drew the world.

Design has a canon, a lineage of names most people never learn but see every single day. These are the designers and typographers whose work you have looked at a thousand times without knowing it.

Enter
← PreviousDevelopmentNext →Video / Film