CTRL-A · Issue 01Toolkit 03
03

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.

The Tools
Interface Design

Figma

The standard for UI/UX design. Real-time collaboration, auto layout, component variants, and dev mode for clean handoffs.

UI/UXPrototypingCollaboration
ROV Pick — Kavya

Auto layout + component variants changed how I think about design systems. Everything is a system now.

Vector

Adobe Illustrator

Vector illustration powerhouse. Logo design, icon systems, and complex illustrations. Nothing matches it for precision vector work.

VectorLogoIllustration
Raster

Photoshop

Photo editing and compositing. Still unmatched for photo manipulation, texture work, and complex image editing.

PhotoCompositingTextures
3D

Blender

Free, open-source 3D creation suite. Modeling, texturing, animation, and rendering. Used by our 3D team for product visualizations.

3DFreeOpen Source
ROV Pick — David

The fact that this is free is insane. Cycles renderer produces photorealistic output that rivals paid tools.

Color

Coolors

Color palette generator. Lock colors you like, generate complementary ones, and export to any format. Saves hours of color theory.

ColorPaletteGenerator
Typography

Google Fonts

Free, open-source font library. Over 1,500 families. Performance-optimized for web. Variable fonts for maximum flexibility.

TypographyFreeWeb Fonts
Inspiration

Mobbin

Real-world design pattern library. Screenshots of actual apps organized by flow, screen type, and platform. Better than Dribbble for real UI work.

InspirationPatternsResearch
3D for Web

Spline

Design and publish 3D scenes for the web. No code needed. Interactive 3D elements that export as React components.

3DWebInteractive
Myths Busted
Myth

Good design is about making things pretty

Reality

Good design solves problems. Pretty is a side effect of clear thinking. If a design looks great but users can't find the button, it failed.

Myth

You need expensive tools to design well

Reality

Figma is free for individuals. Blender is free forever. Canva handles 80% of social media needs. Taste and practice matter more than your subscription.

Myth

Following trends makes you a good designer

Reality

Trends are references, not rules. The glassmorphism phase proved this — most of it was unreadable. Understand why a trend works before copying it.

Myth

Clients know what they want

Reality

Clients know their problems, not the solution. Your job is to translate their pain into a design that works. Show, don't ask. Present options, not questions.

Quick Start Guide

Building a Brand Identity from Scratch

01

Research before you open Figma

Study the industry, competitors, and target audience. Save 20-30 reference images. Identify what works, what doesn't, and where the gap is. Your brand lives in that gap.

Tip: Use Mobbin and Pinterest, not Dribbble. Real products > concept art.

02

Define the brand personality

Pick 3 adjectives that describe how the brand should feel. Bold? Minimal? Warm? These words guide every design decision. If a choice doesn't match the adjectives, cut it.

03

Typography first, color second

Choose 2 fonts: one for headlines, one for body. The headline font carries the personality. The body font carries readability. Don't pick both from the same vibe.

Tip: Pair a serif with a sans-serif. It works 90% of the time.

04

Build a minimal color system

One primary color, one neutral, one accent. That's it for V1. Add complexity later. Use Coolors to generate palettes from your primary color.

05

Create a one-page brand sheet

Logo, fonts, colors, spacing rules, and 3 example applications. This single page becomes the source of truth. Share it before designing anything else.

← PreviousWeb DevNext →Music