Design history · Technology & tools

The Macintosh (1984)

The machine that gave graphic designers a screen they could see.

When Apple unveiled the Macintosh 128K on 24 January 1984, it introduced something graphic designers had never seen before: a bitmapped screen where the type and images you arranged on screen matched what came out of the printer. Susan Kare's system icons and bitmap typefaces gave the interface a visual vocabulary. Combined with Adobe PostScript and the Apple LaserWriter (1985) and Aldus PageMaker (1985), the Mac triggered the desktop-publishing revolution — a shift in who could design and how. The modern designer's toolkit is a direct descendant.
Apple Macintosh 128K computer, 1984, at the All About Apple Museum, Milan
Apple Macintosh 128K, 1984. All About Apple Museum, Milan. Photo by Sailko. CC BY 3.0. · Photograph: Sailko, 2016. CC BY 3.0. Via Wikimedia Commons (File:Computer_macintosh_128k,_1984_(all_about_Apple_onlus).jpg).

Key facts

Released
24 January 1984, Flint Center, De Anza College, Cupertino
Price at launch
USD $2,495 (≈ AUD $9,000 in 2024)
Display
9-inch monochrome, 512 × 342 pixels at 72 ppi — bitmapped, WYSIWYG
Key designers
Jef Raskin (original concept) · Susan Kare (icons + typefaces) · Bill Atkinson (QuickDraw, MacPaint) · Andy Hertzfeld (system software)
Desktop-publishing trio
Macintosh (Jan 1984) · Apple LaserWriter with PostScript (Jan 1985) · Aldus PageMaker (Jul 1985)
Kare's typefaces
Chicago (system UI font) · Geneva (proportional sans-serif) · Monaco (monospaced) · New York (serif)

Key works & examples

Apple Macintosh 128K computer at the All About Apple Museum, Milan, 1984

Macintosh 128K — launch hardware (1984)

1984

The machine itself. A 9-inch monochrome screen, 512 × 342 pixels at 72 ppi, chosen deliberately so that what appeared on screen could print at the same size on a 72 dpi ImageWriter. That pixel-to-point correspondence — 72 pixels per inch matching 72 points per inch — was the physical foundation of WYSIWYG. The case, designed partly by Jerry Manock and Hartmut Esslinger's frogdesign, was compact by the standards of 1984 and integrated keyboard, monitor, and disk drive in a single unit. The 128 KB of RAM and 400 KB floppy disk were genuinely tight; MacWrite documents frequently hit memory limits. But the visual proposition was clear from the moment it switched on.
Apple Macintosh 128K, 1984. All About Apple Museum, Milan. Photo by Sailko. CC BY 3.0. · Photograph: Sailko, 2016. CC BY 3.0. Via Wikimedia Commons (File:Computer_macintosh_128k,_1984_(all_about_Apple_onlus).jpg). · CC BY
Steve Jobs holding the Macintosh computer, January 1984, photographed by Bernard Gotfryd

Steve Jobs introduces the Macintosh (January 1984)

1984

Bernard Gotfryd photographed Steve Jobs with the Macintosh at its introduction in January 1984. The screen shows a Japanese woodblock print — "A Woman Combing Her Hair" by Hashiguchi Goyo — a choice that underlined from the first day that this was a machine capable of displaying complex graphical images, not just text columns. Jobs had taken over the Macintosh project from Jef Raskin in 1981 and pushed the launch date repeatedly; the January 1984 release coincided with the Super Bowl XVIII broadcast of the "1984" Ridley Scott advertisement. The press launch at the Flint Center, De Anza College, Cupertino, remains one of the most documented product introductions in the history of technology.
Steve Jobs with the Macintosh, January 1984. Photograph by Bernard Gotfryd. Public domain. · Photograph: Bernard Gotfryd, January 1984. Public domain (Library of Congress, no known copyright restrictions). Via Wikimedia Commons (File:Steve_Jobs_and_Macintosh_computer,_January_1984,_by_Bernard_Gotfryd_-_edited.jpg). · Public domain
Apple Macintosh 128K computer, side-profile transparency photograph

Macintosh 128K — product view (1984)

1984

The machine's visual identity came from two sources: the hardware and what appeared on its screen. Susan Kare joined Apple in January 1983 and spent the following year building the interface's visual language: icons, symbols, and the first family of proportionally spaced bitmap typefaces. She worked on graph-paper grids, blocking in 32 × 32 pixel squares by hand, drawing each icon as a small pictograph that had to be immediately readable to someone who had never used a computer. The typefaces she named after places she knew: Chicago was the system interface font; Geneva, Monaco, and New York each covered different roles in the type hierarchy. Chicago ran the menu bar from 1984 to 1999. The Command key symbol (⌘), the lasso, the paint bucket, the watch cursor — all Kare. In 2015, the Museum of Modern Art acquired her original sketchbooks. Her icons were the first substantial body of digital iconographic design and remain a reference point in interaction design teaching today.
Apple Macintosh 128K, product transparency. Via Wikimedia Commons. CC BY-SA 3.0. · Grm wnr / Wikimedia Commons. CC BY-SA 2.5 Italy / CC BY-SA 3.0 Unported / GFDL 1.2. Via Wikimedia Commons (File:Macintosh_128k_transparency.png). · CC BY-SA
Apple LaserWriter printer, 1985

Apple LaserWriter (1985)

1985

The LaserWriter, announced in January 1985, was the third piece of the desktop-publishing trio. Where the Macintosh provided the screen and PageMaker provided the layout application, the LaserWriter provided PostScript — Adobe's page-description language that could render any typeface at any size on paper, precisely matching the on-screen layout. At 300 dpi, the output was not typesetting quality by the standards of professional repro houses, but it was close enough to replace paste-up and Letraset for many tasks. The LaserWriter cost $6,995 at launch, making it a shared resource in most early desktop-publishing setups. By 1986 it had become standard equipment in design studios, publishers, and corporate communications departments across North America and Europe. The design profession had a new production process.
Apple LaserWriter, 1985. CC0 public domain. Via Wikimedia Commons. · Apple Computer. CC0 1.0 Public Domain Dedication. Via Wikimedia Commons (File:Laserwriter.jpg). · Public domain
Vector diagram of the Apple Macintosh 128K computer

Macintosh 128K — SVG diagram

1984

Vector diagram of the Macintosh 128K, showing the all-in-one form factor that Apple shipped in January 1984: the 9-inch display, floppy drive slot, keyboard port, and case proportions all visible in a single view. The compact integrated design — monitor, disk drive, and processor in one housing — was a deliberate product decision. Jobs wanted something that could sit on a desk and be carried in a bag; Jef Raskin's original specification had called for a machine the size of a paperback book. The final hardware was larger than Raskin's concept but smaller than any previous all-in-one personal computer.
Apple Macintosh 128K, vector diagram. Open Clip Art Library. CC0. · itomato / Open Clip Art Library. CC0 1.0 Public Domain Dedication. Via Wikimedia Commons (File:Macintosh_128K_-_CPU_only.svg). · Public domain

01

History & context

The Macintosh 128K had a specific problem to solve in 1984. Computers were for programmers. The Apple II had found a market with hobbyists and businesses running spreadsheets, but the people who made things look good — designers, art directors, paste-up artists — had no use for a machine that showed nothing but green-on-black text. Jef Raskin, the Apple engineer who started the Mac project in 1979, had a different idea. He wanted a computer that ordinary people could learn to use in minutes, with a screen that showed you what you were making.

Raskin was pushed out of the project by Steve Jobs in 1981. Jobs accelerated the schedule, raised the price, and changed some of the technical specifications — but kept the core proposition. When the Mac launched at the Flint Center on 24 January 1984, it had a 9-inch monochrome screen running at 512 × 342 pixels and 72 ppi. The 72 ppi figure was not arbitrary. It matched the 72 points per inch of traditional typesetting measurement, which meant that a point of type on screen occupied exactly one pixel. What you saw was what you got.

Susan Kare joined Apple in January 1983 and built the visual language the Mac needed. She drew 32 × 32 pixel icons on graph-paper grids — a trash can, a hand, a floppy disk, a bomb — and designed the first family of proportionally spaced bitmap typefaces: Chicago for the system interface, Geneva, Monaco, and New York for different typographic roles. Chicago ran the Mac’s menu bar for fifteen years.

Bill Atkinson wrote QuickDraw, the graphics engine inside the Mac’s ROM that rendered text and images to the screen, and MacPaint — the application that demonstrated what a bitmapped canvas could do for drawing. For many early users, MacPaint was where the Mac’s promise became tangible.

On its own, the Mac was a compelling visual tool but not yet a design production environment. That changed in January 1985 when Apple announced the LaserWriter — a 300 dpi PostScript laser printer at $6,995 — alongside Aldus PageMaker, released the following July by Paul Brainerd’s Aldus Corporation in Seattle. The combination of Mac, LaserWriter, and PageMaker is what triggered the desktop- publishing revolution. Brainerd coined the phrase. Within two years it described an industry.

02

Design impact

The desktop-publishing revolution is often described as democratisation — and it was. Small organisations that could not afford commercial typesetting or paste-up could now produce newsletters, catalogues, and annual reports on a desk, by one person, for the cost of a Mac, a LaserWriter, and a PageMaker licence. By 1987 an estimated 5 million pages a day were being printed by desktop-publishing software.

The disruption ran in the other direction as well. Traditional typesetters — trained specialists who set type using phototypesetting machines — saw their trade evaporate in roughly a decade. Commercial paste-up artists, strippers, and repro houses contracted sharply. The skills that had taken years to acquire were no longer the gating factor in production. The gating factor was now software knowledge and visual judgement.

Within the design profession, the Mac changed what designers did with their time. Comping layouts by hand, specifying type for the typesetter, making corrections with Tipp-Ex and a scalpel — all of that compressed or disappeared. Designers spent more time on screen, less at the drawing board. The applications shaped habits of thought: PageMaker’s columns and gutters, QuarkXPress’s master pages, Illustrator’s Bezier paths. Some designers felt these defaults homogenised the output; the Emigre magazine and the work coming from the Cranbrook Academy were in part a response to the sterility of default-settings design.

Susan Kare’s contribution sits at the centre of a longer story. The iconographic vocabulary she established for the Mac — visual metaphors for file management, tools, and system states — became the convention that every subsequent GUI has worked within or against. The desktop metaphor, the folder hierarchy, the toolbar full of tool pictograms: these are Kare’s framework, built on a 32 × 32 pixel grid with a $2.50 graph-paper notebook.

03

The "1984" advertisement

The Mac’s launch was preceded by a single television advertisement. Directed by Ridley Scott and aired nationally during Super Bowl XVIII on 22 January 1984, the spot depicted a grey industrial dystopia — rows of shaven-headed figures watching a giant telescreen, a female athlete in bright orange shorts running towards the screen with a sledgehammer, smashing it as the Macintosh was announced. The copy ran: “On January 24th, Apple Computer will introduce Macintosh. And you’ll see why 1984 won’t be like Nineteen Eighty-Four.”

The ad cost approximately $1.5 million to make and aired once in national broadcast. It was not shown again; Apple’s board had wanted to cancel it after seeing a rough cut. It won the Grand Prix at Cannes, was listed by Advertising Age as the commercial of the decade, and is studied in advertising and design courses for the clarity of its competitive positioning — IBM as Big Brother — and the specificity of its visual storytelling. The commercial is not graphic design in the sense of page layout or identity work, but it is a designed object with a clear brief, a visual system, and a particular set of decisions about colour, movement, and contrast that reward examination.

Learn at TGDS

The Macintosh sits at the root of every software tool that graphic designers use today. Photoshop, Illustrator, InDesign, Figma — all of them run on a visual computing paradigm that the Mac, QuickDraw, and PostScript established in 1984 and 1985. Understanding that origin is useful context for working designers, not just a history lesson.

If the desktop-publishing revolution interests you, these are the most direct next steps from the TGDS course catalogue:

Courses

Related movements & people

Further reading

Books

  • Steven Levy, Insanely Great: The Life and Times of Macintosh, the Computer That Changed Everything (Viking, 1994). The most detailed account of the Mac’s design and development.
  • Walter Isaacson, Steve Jobs (Simon & Schuster, 2011). Chapters 14–17 cover the Mac development period.
  • John Markoff, What the Dormouse Said (Viking, 2005). On the broader personal-computer culture that produced the Mac.

Online

Get Started.

You can enrol any day of the year. We are online and study is self-paced, there is no pressure. Enrol when you are ready to start, from anywhere in the world. If you would like to chat or email, feel free to get in touch.

Brochures, Phone Calls & Questions

You can download a free brochure, book a phone call with one of our course advisors, or simply ask a question.

Other ways to get in touch

Australia 1300 655 485

International +61 1300 655 485

Ask Anything info@thegraphicdesignschool.com

Get a quote accounts@thegraphicdesignschool.com

Acknowledgement of Country
The Graphic Design School acknowledges the Traditional Custodians of Country throughout Australia and their continued spiritual connection to land.
We pay respect to Elders past, present and emerging.
Always was, always will be.
RTO Provider № 91706