--- year: 1987 status: example title: "1987: color enters the machine" subtitle: "The desktop grows vector tools, color screens, page-layout rivals, and hypermedia stacks. Late Memphis becomes less a movement than a residue on every slick surface." decade_position: "late ignition" primary_lens: - color macintosh and vector software make the screen a richer design surface - illustrator and quarkxpress deepen desktop publishing as professional infrastructure - hypercard makes linked cards, buttons, and stacks feel like a popular interface idea - acid house and club graphics begin shifting youth design toward rave systems - late memphis and editorial new wave feed a sharper corporate and cultural polish art_direction: layout: swiss display: new-wave body: humanist-sans mono: crt-mono texture: gradient-mesh ornament: color-bars stamp: "Color screen" note: "Color enters the Macintosh, vectors sharpen the page, and linked cards hint at a new kind of media." ink: "#0e1014" paper: "#eef0e6" muted: "#a6b0ac" bg: - "#070a0d" - "#121a22" - "#060809" accents: - "#00c2d6" - "#ffd23c" - "#2f6f8a" - "#ff5a2d" --- # 1987 ## Year thesis 1987 is the year desktop publishing stops being a single breakthrough and becomes an ecosystem. Adobe Illustrator brings Bezier drawing to the Macintosh as a professional graphic instrument. QuarkXPress begins shipping and points toward a page-layout market with more depth, control, and competition. The Macintosh II introduces color and expandability to the Mac line, making the desktop screen less like an appliance window and more like a production environment. Then HyperCard arrives and changes the metaphor. It is not simply a graphics tool or a page tool. It is a stack of linked cards, buttons, fields, scripts, and small worlds. It makes non-linear media feel approachable before the web exists in public language. The feeling of the year: **the screen learns color, vectors, and links**. Outside the studio, late Memphis has become ambient influence: angular shelving, playful retail color, postmodern surfaces, and graphic ornament appear without needing the original Milan shock. Acid house begins to redraw nightlife as a system of flyers, smileys, strobes, warehouses, and synthetic repetition. The late eighties are becoming slicker, but they are not calm. ## How 1987 differs from 1986 1986 makes the desktop expressive. 1987 makes it infrastructural. | From 1986 | To 1987 | | --- | --- | | The Macintosh page is an experimental collage surface | The Macintosh gains color hardware, vector tools, and stronger page-layout competition | | Digital type roughness is a provocation | Digital production begins settling into professional routines and software categories | | The body and bitmap dominate the symbolic desktop image | The path, curve, card, button, and stack become equally important metaphors | | Late Memphis is still visibly playful and object-like | Memphis influence becomes a wider graphic and retail accent language | | Music-video design accelerates youth culture | Acid house begins building a new club graphic system around repetition and anonymity | | High-tech architecture exposes machinery | Digital tools expose construction through points, handles, layers, and linked cards | The key shift: 1987 turns the computer from a strange design object into a family of design environments. ## Design climate ### The dominant tension 1987 is pulled between **professionalization** and **subcultural acceleration**. 1. **Professionalization** - Illustrator, QuarkXPress, the Macintosh II, PostScript workflows, service bureaus, color monitors, and desktop publishing as a serious production chain. 2. **Subcultural acceleration** - acid house, independent magazines, club flyers, Emigre experimentation, street fashion, pirate energy, and graphics made for speed rather than permanence. The year is important because the same technologies feed both sides. The vector curve can serve a corporate logo or a strange music flyer. Page-layout software can build an annual report or a fractured magazine spread. HyperCard can be a training tool or an artist's interactive sketchbook. ### What is emerging - **Vector drawing on the desktop**: Bezier curves, anchor points, handles, fills, and scalable artwork become part of daily graphic language. - **Color as computer environment**: the Macintosh II makes color not just an output concern but a screen-based design condition. - **Hypermedia thinking**: cards, links, buttons, and stacks suggest that information can be spatial, non-linear, and user-driven. - **Page-layout competition**: QuarkXPress joins the desktop-publishing field and signals a maturing market for professional control. - **Rave prehistory**: acid house clubs and flyers begin turning music into an anonymous, repetitive, chemically bright visual system. - **Editorial experimentation after Brody**: the grammar of cropped type, cultural collage, and graphic attitude continues even as its first wave becomes canon. ## Timeline signals | Signal | Why it matters for design | | --- | --- | | Adobe Illustrator 1.0 is released for Macintosh | Vector drawing becomes a desktop design practice rather than only a specialist production process. | | QuarkXPress begins shipping for Macintosh | Page layout becomes a competitive professional software category. | | Apple introduces the Macintosh II | Color, expandability, and larger displays make Macintosh design work more ambitious. | | Apple introduces HyperCard | Linked cards, buttons, scripts, and user navigation popularize hypermedia thinking. | | The first GIF specification is released by CompuServe | Indexed-color network graphics become a durable format for screen images and later web culture. | | Shoom opens in London | Acid house begins forming a club culture with flyers, smiley symbols, casual dress, and strobe-lit anonymity. | | U2 release *The Joshua Tree* | Anton Corbijn photography and desert austerity show another late-eighties route: mythic black-and-white seriousness. | | *The Lost Boys* is released | Youth fashion, music video styling, vampires, leather, hair, and Californian night surfaces fuse. | | *Wall Street* is released | Power dressing, corporate interiors, phones, screens, and luxury surfaces become moral atmosphere. | ## Typography ### The typographic mood 1987 typography is split between **vector precision** and **new-wave fracture**. The desktop now promises smooth curves, scalable logos, cleaner output, and more control. But the culture around design still wants collision: cropped headlines, rotated captions, bitmap type, vernacular fragments, and pages that feel edited like music video. The question moves from: > "Can the desktop make serious type?" to: > "What happens when type can be drawn, linked, scaled, scripted, and output from the same machine?" ### What changes - **Bezier curves become a design habit**: logos, icons, display lettering, and illustration can be refined on screen. - **Type and interface converge**: HyperCard fields and buttons make words part of navigation, not just reading. - **Editorial new wave becomes teachable**: Brody, Cranbrook, Emigre, and postmodern typography become a vocabulary younger designers can quote. - **Corporate typography gets slicker**: identity systems absorb desktop precision, color proofing, and vector art. - **Club type gets faster**: flyers favor bold marks, photocopy contrast, informal geometry, and information meant to move by hand. ## Graphic design 1987 graphic design is increasingly tool-aware. Illustrator changes the status of the line. Curves, fills, and scalable marks become screen objects, not just final art prepared elsewhere. The designer can draw with control, undo, copy, transform, and output. This gives late-eighties graphics a sharper edge: cleaner logos, smoother icons, more diagrammatic illustrations, and a new confidence in flat vector form. QuarkXPress and PageMaker define a professional page-layout field. The page is a software object with boxes, columns, type styles, imports, measurements, and print dependencies. Designers are still negotiating service bureaus and output limits, but the mental model has changed: layout is editable structure. At the same time, club and independent graphics keep roughness alive. Acid house flyers are not yet the full rave explosion of 1988-89, but the ingredients are there: photocopy urgency, smiley icons, anonymous collectivity, bright color, location secrecy, repetition, and typography as event signal. ## Product and industrial design 1987 products make the late-eighties interface more colorful and modular. The Macintosh II is crucial because it adds color capability and expansion to the Mac story. It is less cute appliance and more professional system: monitor, CPU, keyboard, mouse, cards, cables, storage, and a studio or office around it. The product meaning shifts from "friendly computer" to "visual workstation." HyperCard also has product-design consequences. It makes software feel like a kit of cards and buttons, something users can browse and author. The interface becomes less a command line and more a constructed small world. Consumer electronics continue to multiply: compact-disc players, camcorders, VCRs, answering machines, calculators, printers, and game consoles. Products are increasingly judged by controls, displays, trays, ports, and the choreography of use. ## Architecture and interiors 1987 interiors live between postmodern play and workstation seriousness. Retail environments continue using color blocking, theatrical lighting, irregular geometry, and Memphis-influenced display furniture. The store is not just a room; it is a graphic set for products and bodies. Bars and clubs begin shifting toward darker, more repetitive, strobe-driven spaces that will become central to rave. Offices and studios become more visibly electronic. Color monitors, CPUs, printers, scanners, SyQuest-like removable storage systems, fax machines, phones, and piles of proof paper join drafting tables and marker comps. The room is no longer purely analog, but it is not paperless. It is cable-dense, fluorescent, and transitional. Architecture continues to quote, expose, and dramatize. Postmodern color and high-tech expression both remain active, but by 1987 the most design-relevant interior may be the workstation cluster: furniture arranged around screens and output devices. ## Fashion and self-design 1987 fashion is a contest between corporate armor, pop mythology, and club anonymity. Power dressing remains strong: broad shoulders, double-breasted jackets, expensive fabrics, and office silhouettes sharpened by the culture of finance. *Wall Street* turns this into a designed moral code of suspenders, shirts, phones, desks, and views. Pop and rock offer other selves. U2's *The Joshua Tree* gives black denim, desert photography, seriousness, and mythic austerity. *The Lost Boys* gives leather, hair, earrings, beach-night youth, and vampire glamour. Acid house begins to undo the star pose: loose clothes, smileys, sneakers, sweat, and collective dancing matter more than a single heroic image. ## Music 1987 music design is split between monumental image and anonymous repetition. U2's *The Joshua Tree* is the year's clearest album-as-visual-world: Anton Corbijn's black-and-white desert photography, wide landscape, American myth, restrained typography, and serious scale. It is the opposite of Memphis color but equally designed. Meanwhile, house and acid house culture are developing a different graphic model. The emphasis is not on the star portrait but on the flyer, the night, the venue, the signal, the symbol, and the collective. The smiley will become overexposed later, but in 1987 it is still tied to a new social and musical formation. Pop remains highly video-literate. George Michael's *Faith*, Prince's *Sign o' the Times*, and Michael Jackson's *Bad* all show how typography, clothing, photography, dance, and video staging can lock together into identity systems. ## Film and moving image 1987 moving image design is fascinated by surface behavior. *Wall Street* makes corporate space cinematic: glass, marble, phones, screens, suspenders, office views, and financial abstraction. *The Lost Boys* turns youth style into nocturnal graphic language: boardwalk lights, leather, smoke, motorcycles, posters, hair, and music-video pacing. *RoboCop* gives corporate satire an industrial shell: police armor, news graphics, product parody, Detroit decay, boardroom screens, and weaponized interface design. *Predator* makes military technology visible through thermal vision, targeting graphics, camouflage, and alien ornament. The late-eighties screen increasingly teaches designers that identity is temporal. A logo can rotate, a title can pulse, a video can sell a silhouette, and a film can define the look of a subculture faster than print alone. ## Color, material, and surface 1987 color expands from ink and object into the monitor. The accurate palette includes Macintosh screen color, cyan and orange broadcast accents, yellow flyer paper, black-and-white desert photography, office grey, glass green, chrome, lipstick red, and acid smiley yellow. It is not one palette; it is a split between professional color management and nightlife signal color. Materials include glossy magazine stock, laser output, vector plots, floppy disks, color monitors, fax paper, leather jackets, office marble, chrome rails, compact-disc plastic, and photocopied flyers. The year's best surfaces feel reproduced: drawn on screen, printed, faxed, copied, filmed, and broadcast. ## Flashback design recipes ### Recipe 1: Color vector studio Use for: creative tools, design portfolios, identity systems, educational software. - Palette: monitor cyan, warm grey, black, orange, muted yellow. - Type: clean sans with vector-drawn display marks and precise labels. - Layout: artboard logic, tool palettes, scalable symbols, measured columns. - Imagery: Bezier curves, anchor points, color monitors, logos, icons, output proofs. - Motion: point handles extend, curves redraw, fills snap into place. - Risk: making it look like later Illustrator or flat-design nostalgia. - Add accuracy with: early desktop constraints and visible print-output dependency. ### Recipe 2: HyperCard stack Use for: archives, prototypes, educational products, interactive storytelling. - Palette: black, white, grey, pale blue, small color accents. - Type: bitmap system type, button labels, field text, simple icons. - Layout: card frames, buttons, linked panels, browse paths, script-like notes. - Imagery: stacks, index cards, cursors, stamps, diagrams, small bitmaps. - Motion: card flip, button press, dissolve, cursor movement. - Risk: confusing HyperCard with the later web. - Add accuracy with: card-by-card navigation and authorable small-world logic. ### Recipe 3: Acid flyer signal Use for: music events, nightlife tools, youth campaigns, temporary communities. - Palette: black, acid yellow, hot orange, cyan, photocopy white. - Type: bold condensed headlines, rough photocopy type, simple symbol marks. - Layout: event-first hierarchy, central icon, location clues, repeated information. - Imagery: smiley faces, strobes, warehouses, speakers, dancers, abstract waves. - Motion: strobe cuts, looped pulses, flyer handoff, map reveal. - Risk: jumping straight to 1990s rave maximalism. - Add accuracy with: 1987 club origins and handmade distribution. ### Recipe 4: Corporate power surface Use for: finance critiques, business tools, luxury interfaces, office narratives. - Palette: charcoal, white shirt, glass green, brass, burgundy, screen blue. - Type: restrained serif or humanist sans paired with numerical tables. - Layout: vertical authority, office-grid order, framed views, chart panels. - Imagery: phones, screens, marble, skyscraper windows, suits, documents. - Motion: elevator rise, ticker crawl, chart redraw, screen reflection. - Risk: celebrating greed without critique. - Add accuracy with: analog paperwork and late-eighties office electronics. ## Anti-cliches Do not make 1987 look like: - A fully formed early-1990s rave flyer. - Smooth modern vector minimalism. - Generic Memphis confetti with no desktop or club context. - A 1984 Macintosh launch ad repeated three years late. - Windows 95 interface nostalgia. - Cyberpunk rain as the only eighties future. - Corporate chrome without paper, fax, phone, and screen clutter. - The web before HyperCard, GIF, and pre-web hypermedia conditions. For 1987, the era should feel like **color, curves, cards, and clubs entering the same machine room**. ## Design prompt seeds ```text Design this through a 1987 lens: Illustrator, QuarkXPress, Macintosh II, and HyperCard have made the desktop a richer ecosystem. Build a direction that uses color screens, vector paths, page boxes, and linked cards without drifting into later web or flat-design language. ``` ```text Give me three 1987-informed directions: 1. Color vector studio 2. HyperCard stack 3. Acid flyer signal For each, explain the historical lineage, typography, color, material, motion, and what to avoid. ``` ```text Critique this brand system as if it launched in 1987. Does it belong to desktop publishing, corporate broadcast polish, acid-house flyer culture, or postmodern retail? What evidence supports that lineage? ``` ## Reference artifacts ### Objects - Apple Macintosh II with color display and expansion capability. - Adobe Illustrator 1.0 disks, manuals, and vector artwork. - QuarkXPress early Macintosh layout workflows. - HyperCard stacks, buttons, fields, and home-authored software. - Compact-disc players, VCRs, fax machines, and office telephones. ### Print and graphics - Adobe Illustrator and QuarkXPress promotional and manual materials. - Emigre magazine and Zuzana Licko digital type. - Late-eighties *The Face* and Brody-influenced editorial typography. - U2, *The Joshua Tree*, with Anton Corbijn photography. - Early acid house flyers connected to Shoom and London club culture. ### Spaces - Macintosh-based design studios and service-bureau workflows. - London acid house clubs and temporary dance environments. - Corporate offices and trading rooms associated with late-eighties finance. - Postmodern retail interiors with Memphis-influenced display systems. - Video edit suites, broadcast graphics rooms, and music-video sets. ## Sources Primary references for this year, by institution and work: Adobe Illustrator 1.0 for Macintosh; QuarkXPress first Macintosh release; Apple Macintosh II and HyperCard introductions; CompuServe's GIF specification; Emigre magazine and Zuzana Licko's digital type work; Neville Brody's influence through *The Face*; Shoom and early United Kingdom acid house culture; U2's *The Joshua Tree* and Anton Corbijn photography; Oliver Stone's *Wall Street*; Joel Schumacher's *The Lost Boys*; and Paul Verhoeven's *RoboCop*.