--- year: 2007 status: example title: "2007: glass becomes touch" subtitle: "The iPhone turns glossy interface into a handheld surface, Helvetica turns fifty in public, and the web learns to behave like a pocketable social medium. The future is no longer only online; it is under the finger." decade_position: "touch threshold" primary_lens: - the iphone makes multitouch, glass, icons, and skeuomorphic ease into a new design center - helvetica's fiftieth anniversary revives modernist neutrality as cultural argument - tumblr and kindle expand publishing into streams and devices - web 2.0 gloss peaks just as mobile interaction starts to supersede it - frutiger aero and glass interfaces make nature, transparency, and technology feel fused art_direction: layout: terminal display: techno body: rounded-soft mono: crt-mono texture: gradient-mesh ornament: blob stamp: "Touch glass" note: "Touch glass — glossy web culture meets multitouch, Helvetica revival, and pocket publishing." ink: "#0d0f12" paper: "#eef2f0" muted: "#a0b0ac" bg: - "#080b0d" - "#131c1f" - "#06090a" accents: - "#2f6b6b" - "#2fd6c0" - "#ff9a2f" - "#9c6bff" --- # 2007 ## Year thesis 2007 is the hinge year between the glossy web and the touch-screen decade. Apple announces the iPhone in January and releases it in June. It is not just a phone; it is a new design grammar: black glass, rounded icons, inertial scrolling, pinch zoom, visual voicemail, full-browser ambition, and skeuomorphic cues that make software feel graspable. The finger becomes a design instrument. At the same time, Helvetica turns fifty and Gary Hustwit's documentary makes type design a public conversation about neutrality, corporate modernism, and cultural ubiquity. Windows Vista brings Aero Glass to consumers. Tumblr launches. Amazon releases the Kindle. Digital publishing, social posting, and interface surface all shift at once. The feeling of the year: **the future is a pane of glass pretending to be friendly**. 2007 is not yet the mature app economy. It is the moment before and during the break: web buttons still shine, desktops still wear translucent chrome, Flash still animates microsites, but every designer can feel that touch will reorganize layout, scale, iconography, and product desire. ## How 2007 differs from 2006 2006 made the social web glossy. 2007 puts that gloss behind glass and under the finger. | From 2006 | To 2007 | | --- | --- | | Twitter launches as a status service | Mobile social behavior begins to look inevitable, even before apps mature | | Wii makes gesture casual in the living room | iPhone makes touch intimate, pocketable, and interface-defining | | Web 2.0 buttons and badges dominate | Rounded icons, skeuomorphic panels, and touch targets become the new frontier | | Vista is visible mostly to business customers | Windows Vista reaches consumers with Aero Glass transparency and glow | | Online video and talks scale | Publishing also becomes device-shaped through Kindle and stream-shaped through Tumblr | | Helvetica revival is brewing | *Helvetica* turns type neutrality into public design discourse | The key shift: 2007 changes interaction from clicking friendly modules to touching glass surfaces that behave like objects. ## Design climate ### The dominant tension 2007 is pulled between **neutral modernism** and **tactile illusion**. 1. **Neutral modernism** - Helvetica's anniversary, Swiss revival, clean product photography, sparse Apple messaging, and corporate confidence in simple sans-serif systems. 2. **Tactile illusion** - iPhone icons, glossy app surfaces, Vista Aero, reflections, glass transparency, rubbery scroll, and skeuomorphic cues that make pixels feel physical. The year matters because modernist clarity and digital illusion are not opposites. They work together: a black rectangle, a simple grid of icons, and a clear sans-serif can still be full of shine, simulated depth, and touchable fantasy. ### What is emerging - **Multitouch as design grammar**: pinch, swipe, tap, scroll, and target size become interface fundamentals. - **Mobile browser ambition**: the web is no longer assumed to live only on a desktop monitor. - **App-icon thinking before the App Store**: rounded squares, highlights, pictograms, and home-screen grids become desire objects. - **Helvetica public culture**: typefaces become documentary subjects and everyday users start recognizing typographic systems. - **Device publishing**: Kindle reframes reading as e-ink hardware, store, file, and library. - **Stream publishing**: Tumblr makes short posts, images, quotes, reblogs, and themes into lightweight identity design. - **Aero/nature tech**: translucent windows, aquatic blues, grass-green wallpapers, and glossy ecology create a late-2000s surface mood. ## Timeline signals | Signal | Why it matters for design | | --- | --- | | Apple announces the iPhone on January 9 | Multitouch glass becomes the new center of consumer interface imagination. | | The iPhone is released in the United States on June 29 | Touch targets, mobile Safari, icon grids, and skeuomorphic cues become real consumer design problems. | | Gary Hustwit's *Helvetica* is released | Graphic design and type neutrality enter broader cultural conversation on the typeface's fiftieth anniversary. | | Windows Vista reaches consumers | Aero Glass popularizes translucent chrome, glow, and glassy desktop surface. | | Tumblr launches in February | Lightweight blogging, reblogging, themes, and image-led streams reshape online self-publishing. | | Amazon releases the Kindle in November | Reading becomes a hardware, screen, store, and typography problem at mass scale. | | Facebook Platform launches | Third-party social applications make profiles into programmable distribution surfaces. | | Google announces Android and the Open Handset Alliance | The post-iPhone mobile ecosystem becomes a platform contest, not a single-device story. | | The first iPhone television ads emphasize touch | Interaction itself becomes the product demonstration and brand image. | | Radiohead releases *In Rainbows* online with pay-what-you-want pricing | Digital distribution, album identity, and direct audience relationships become design issues. | ## Typography ### The typographic mood 2007 typography is split between Helvetica certainty and touch-screen legibility. The fiftieth anniversary of Helvetica turns neutrality into a topic: is this typeface democratic clarity, corporate blandness, or modernist discipline? The documentary makes designers, cities, logos, and signs part of a public typographic story. The question moves from: > "How can a web service look friendly?" to: > "How does type behave when it is touched, scrolled, zoomed, and carried?" ### What changes - **Helvetica becomes explicit reference**: not just a default style, but a conscious historical and cultural choice. - **Large touch labels matter**: mobile UI requires bigger targets, clearer hierarchy, and less desktop clutter. - **System fonts gain authority**: interface typography is increasingly tied to operating-system behavior. - **Theme typography expands**: Tumblr themes let users style identity through templates, headers, and post types. - **E-ink typography enters consumer view**: Kindle makes reading comfort, contrast, and font rendering a product issue. ## Graphic design 2007 graphic design is glass plus grid. The iPhone home screen turns rounded-square icons into miniature brand promises. Each icon is a tiny object: gloss highlight, pictogram, color field, shadow, and label. Web 2.0 already trained users to trust shine; the iPhone concentrates that trust into a palm-sized grid. Meanwhile, Helvetica revival creates a counterweight: posters, identities, and editorial work lean toward clean sans-serif rationality. The late-2000s graphic field is therefore both over-polished and newly restrained: gel icons beside Swiss grids, glossy buttons beside black-and-white typographic debate. ## Product and industrial design 2007 product design is defined by the black rectangle. The first iPhone fuses phone, iPod, browser, camera, and sensor-rich glass object. Its industrial design is less about visible buttons and more about a single responsive surface. The home button, metal rim, black face, and rounded body create a calm frame for software illusion. The Kindle is nearly the opposite: pale plastic, keyboard, e-ink, long reading, and store connection. Together they show two futures for devices: vivid glass for touch and media; quiet paperlike screen for reading and purchase. ## Architecture and interiors 2007 interiors become more screen-centered and brand-clean. The iPhone does not immediately redesign rooms, but it changes posture: looking down, swiping, pinching, showing someone a photo, checking maps in hand. Retail environments increasingly stage products as live surfaces to be touched, not boxed goods to be admired. Architectural culture continues its digitally modeled icon phase, but the design lesson of the year is more intimate: glass, reflection, black screens, white tables, wireless networks, and the expectation that any space can become an interface when a device is present. ## Fashion and self-design 2007 self-design is camera-ready, theme-ready, and phone-aware. The profile picture and party-photo culture intensify. Indie sleaze, bright leggings, shutter shades, skinny jeans, graphic hoodies, luxury streetwear, and messy club flash circulate online. Tumblr adds a more curatorial self: mood, reblog, quote, theme, image sequence. The iPhone becomes a status object immediately. Holding, touching, and showing the device are part of the look. Self-design now includes a glass rectangle in the hand. ## Music 2007 music design is platform-distributed and visually self-aware. Radiohead's *In Rainbows* pay-what-you-want release makes distribution itself part of album design. MySpace remains important for bands, YouTube grows as music-video archive and discovery engine, and iTunes keeps the album cover inside a digital library grid. The year's music surfaces range from neon blog-house graphics and indie sleeves to clean digital release pages. Music identity must work as thumbnail, profile background, stream embed, and downloadable file. ## Film and moving image 2007 moving image is about screen behavior as much as cinema. The iPhone ads make touch gestures into choreography. They show fingers browsing photos, scrolling lists, pinching web pages, and answering calls. Motion design becomes instructional: the product is understood through direct manipulation. Theatrical cinema still carries design signals, but the wider shift is toward trailers, clips, fan videos, embedded players, and handheld viewing. Moving image is increasingly something navigated by interface. ## Color, material, and surface 2007 surfaces are black glass, sky-blue glass, and Helvetica white. Colors include iPhone black, chrome silver, Apple white, Vista blues and greens, Tumblr blue, Kindle grey, glossy icon colors, and soft gradient highlights. Materials include glass, aluminum, polycarbonate, e-ink, LCD glare, translucent window chrome, and fingerprinted surfaces. The shared surface logic is **tactile simulation**. Pixels pretend to be buttons, pages, cards, glass, shelves, and rubbery scrolling spaces. ## Flashback design recipes ### Recipe 1: First-touch glass Use for: mobile concepts, media products, onboarding, hardware launches. - Palette: black glass, chrome silver, white, electric blue, icon color pops. - Type: clean sans, large touch labels, simple home-screen names. - Layout: rounded icon grid, single device frame, big targets, sparse demo panels. - Imagery: fingers, pinch zoom, glossy icons, reflections, phone-in-hand. - Motion: swipe, pinch, inertial scroll, icon press, screen rotate. - Risk: using post-2013 flat iOS language. - Add accuracy with: skeuomorphic surfaces, glossy highlights, and pre-App-Store limits. ### Recipe 2: Helvetica revival Use for: identity systems, exhibitions, editorial, civic graphics, design critique. - Palette: black, white, red accent, neutral grey, city-signage green. - Type: Helvetica-like neo-grotesque, strict hierarchy, tight alignments. - Layout: grid, flush-left type, documentary captions, urban signage crops. - Imagery: signs, logos, transit, storefronts, design interviews, specimen sheets. - Motion: slow pan, clean cuts, type appearing as environmental evidence. - Risk: treating Helvetica as generic minimalism with no debate. - Add accuracy with: the argument about neutrality, ubiquity, and corporate modernism. ### Recipe 3: Tumblr stream theme Use for: personal publishing, moodboards, image blogs, community archives. - Palette: blue header, white posts, grey metadata, black text, one custom accent. - Type: web-safe sans or serif, theme title lettering, small timestamps. - Layout: vertical stream, post types, reblog notes, sidebar identity, theme skin. - Imagery: quotes, photos, GIF-like loops, scans, found images, badges. - Motion: page refresh, infinite-adjacent browsing, simple hover, reblog action. - Risk: confusing early Tumblr with later highly optimized social feeds. - Add accuracy with: visible theme structure and mixed post formats. ### Recipe 4: Aero desktop glass Use for: operating systems, dashboards, nostalgic enterprise tools, media centers. - Palette: cyan glass, grass green, black chrome, pearl white, soft violet. - Type: system sans, window titles, small icons, translucent labels. - Layout: floating windows, glossy taskbar, widgets, reflection and blur. - Imagery: skies, leaves, water drops, glass panels, rounded controls. - Motion: fade, minimize, window glow, hover shine. - Risk: making it too modern, too flat, or too vaporwave. - Add accuracy with: transparency as a technology demo and nature-tech optimism. ## Anti-cliches Do not make 2007 look like: - A mature App Store ecosystem; that begins in 2008. - iOS 7 flat icons or later minimal mobile design. - Pure desktop Web 2.0 with no touch threshold. - Generic smartphone culture with Instagram, Uber, or modern notifications. - Helvetica as blank tastefulness without the 2007 documentary debate. - Kindle as a sleek tablet; it is a keyboarded e-ink reading appliance. - Android Material Design; Android is only announced as a platform in 2007. - Polished retina displays; screens still feel lower-density and glossy. For 2007, the era should feel like **Web 2.0 gloss meeting the first unavoidable pane of touch glass**. ## Design prompt seeds ```text Design this through a 2007 lens: the iPhone has just made multitouch glass feel inevitable, Helvetica is having its fiftieth-anniversary public revival, Tumblr has launched, and Kindle has made reading into a device. Keep it before the App Store and before flat mobile design. ``` ```text Give me four 2007-informed directions: 1. First-touch glass 2. Helvetica revival 3. Tumblr stream theme 4. Aero desktop glass For each, explain the historical lineage, typography, color, motion, material, and what to avoid. ``` ```text Critique this interface as if it appeared in 2007. Is it still Web 2.0, newly multitouch, Helvetica-modernist, Aero-glass, or early stream publishing? What specific evidence supports the year? ``` ## Reference artifacts ### Objects - Original Apple iPhone. - Amazon Kindle first generation. - Windows Vista consumer PCs. - iPods, earbuds, and iTunes libraries. - Early multitouch demonstrations and phone accessories. ### Print and graphics - Gary Hustwit's *Helvetica* documentary materials. - iPhone advertising showing touch gestures. - Tumblr early themes and dashboards. - Vista Aero interface graphics. - Radiohead *In Rainbows* digital release identity. ### Spaces - Apple retail tables where phones are touched and demonstrated. - Desks with Vista laptops, widgets, and glossy monitors. - Bedrooms and studios used for Tumblr posting and MySpace maintenance. - Conference and design-film screening spaces around *Helvetica*. - Commutes and cafes where mobile browsing starts to change posture. ## Sources Primary references for this year, by institution and work: Apple's January 9, 2007 iPhone announcement and June 29 release; Gary Hustwit's *Helvetica* documentary (2007); Microsoft Windows Vista consumer release; Tumblr's February 2007 launch; Amazon Kindle first-generation release in November 2007; Facebook Platform launch; Google's 2007 Android and Open Handset Alliance announcement; Radiohead's *In Rainbows* online release; and contemporary Apple iPhone advertising demonstrating multitouch interaction.