WEB ERA · 2010S · GLOBAL

Flat Design 2.0 2010s

Flat Design 2.0. Post-iOS 7 minimalism, no shadows, bold color blocks, geometric vector icons, generous white space, sans-serif everything.

flatminimalios-7-eravector
LUT flat-design-vector
WHEN TO USE
  • Mobile app or web interface designs where the Material Design or iOS visual language is appropriate
  • Brand identities from 2013-2019 that need authentic period recreation
  • Icon sets, illustrations, and UI components for clean digital products
  • Tutorial or explainer content demonstrating software or app functionality
  • Consumer app marketing where the friendly, bright flat aesthetic signals accessibility
  • Any content requiring bold, immediately legible visual hierarchy without depth effects
WHEN NOT TO USE
  • Luxury or premium contexts where flatness reads as generic or low-effort
  • Content requiring tactile or material richness where flat surfaces feel impoverished
  • Heritage or premium brand contexts where the 2010s digital native aesthetic is anachronistic
  • Highly competitive digital content where flat design blends into background visual noise
SIGNATURE TECHNIQUES

How the look is made.

The moves a human crew would use to get here. Cue applies them for you, and knowing their names is how you ask for a change.

  1. 01
    Solid color fills with no gradients or shadows on primary shapes
  2. 02
    Bold geometric sans

    serif typography (Roboto, San Francisco, or similar system fonts)

  3. 03
    High

    saturation primary and secondary color palettes (Material Design color values)

  4. 04
    Crisp 1px or 2px borders replacing shadows for depth indication
  5. 05
    Floating action buttons (circular FABs) and card

    based content layout

  6. 06
    Simple two

    color illustration and icon work with no gradients

  7. 07
    Thin line icon style

    1-2px stroke weight geometric icons without fills

HISTORY & CONTEXT

Where it comes from.

Flat Design 2.0 2010s

Flat design 2.0 - or simply 'flat design' in the period's own terminology - was the dominant visual language of digital interface design from roughly 2013 to 2019. It displaced the skeuomorphic aesthetic that had characterized Apple's iOS and much of the web design of the 2000s, replacing simulated leather textures, embossed buttons, and drop shadows with solid color fills, crisp edges, and the illusion that interfaces existed on a perfectly flat, infinitely thin plane.

iOS 7 and the Skeuomorphic Reckoning

When Jony Ive took over software design responsibilities at Apple following Scott Forstall's departure in 2012, his redesign of iOS 7 (released September 2013) was the cultural turning point. The old iOS had featured green-felt Game Center tables, leather-bound calendars, and bookshelf backgrounds in iBooks - a tradition of making digital objects resemble physical objects to help users understand their metaphorical function. Ive's iOS 7 replaced all of this with translucent panels, thin system typefaces, and flat colored icons with no simulated depth.

The response was immediate and divisive. A generation of designers who had built careers executing detailed skeuomorphic assets were suddenly producing obsolete work. A new generation who had come from graphic design backgrounds, where flat color was standard, found their sensibility suddenly in demand.

Google Material Design

Google's Material Design specification, announced at Google I/O in June 2014, was the systematic codification of flat design into a complete design language. Creative director Matías Duarte developed a system that used the metaphor of paper and ink: surfaces were layers of paper that cast subtle shadows to indicate elevation, transitions simulated physical paper movement, and color was deployed from a curated palette of named swatches.

Material Design introduced the floating action button (FAB) - a circular button floating over content, the defining interface element of the era - and a color system based on primary-secondary-accent relationships. The specification was implemented across all Google products and adopted by millions of Android app developers, making it the most deployed design system in history at the time.

Flat Design's Visual Characteristics

Beyond the technical specifics of iOS 7 and Material Design, flat design produced a recognizable visual culture: bold, single-color icon sets (no gradients), sans-serif typography at heavy weights, bright and saturated color palettes derived from the Material and iOS color systems, and a general preference for simplicity of form over richness of detail.

NOTABLE WORKS

Where you have seen it.

iOS 7 redesign under Jony Ive

Apple (September 2013)

Google Material Design specification

Matías Duarte (June 2014)

Windows Phone 8 Metro design language

Microsoft (2012, predating iOS 7)

Duolingo original flat character illustration system (2012-2014)

Mailchimp Freddie rebrand to flat illustration style (2013-2014)

Airbnb 'Bélo' logo and brand refresh

2014

DesignStudio

Google's four-color flat logo redesign (September 2015)

THE RECIPE

The exact knobs
the renderer turns.

A Look is not a filter. It is a set of stored decisions the pipeline reads before it makes a single frame, so two videos in the same Look actually match.

SettingValue
GradeColour LUT applied to every frame
flat-design-vector
TransitionHow one shot becomes the next
soft cuts · 180ms · ease-in-out
Ken BurnsCamera move applied to stills
Static frames
TypographyDisplay / body / mono pairing
Inter · Inter · JetBrains Mono
Music moodWhat the bed under the voice sounds like
minimal-electronica · corporate-acoustic
Prompt suffixAppended to every shot prompt in this Look
Flat Design 2.0 post iOS 7 2014, minimalism no shadows, bold color blocks, geometric vector icons, generous white space, sans-serif
PALETTE
Primary
#FF3B30
Secondary
#34C759
Accent
#007AFF
Text/Light
#000000
Text/Dark
#FFFFFF
BG 900
#1A1A1A
BG 800
#2A2A2A
RELATED LOOKS

Next to it on the shelf.

All Design & Graphic →

Your first cut
is on us.

+ New videoFree plan · no card · 1080p export