Viral Hooks
Trending short videosDesign principle with visual examples
N

@niki.aroca

Instagram · Graphic Yap

@niki.aroca Use two quiet colors and let the loud color do the work #business #entrepreneur #design #webdesign #agency

View original on Instagram

The edit1 shot · 11 text
Shots Text0:16

Performance

Views
3.2M
Likes
95.1K
Comments
152
Engagement
3%
Length · 2 Nov 2026
0:16

Video #49073 · Graphic Yap

Design principle with visual examplesfrom @niki.aroca

[01]

Overview

The creator demonstrates the power of using a single 'loud' accent color in design. He presents three different website design mockups, each initially using a simple two-color palette. For each example, he then introduces a third, vibrant accent color to show how it dramatically improves the design's visual interest and directs the viewer's eye, concluding by stating the general design principle: 'Use two quiet colors and let the loud color do the work.'

[02]

Simple outline

  1. 1Present acceptable baseline
  2. 2Introduce disruptive element
  3. 3Reveal elevated result
  4. 4State the core principle

[03]

Related videos

[04]

Classification

Concepts
Good vs BadBreakdownTutorial / How To
Elements
Graphic OverlayAnnotation OverlayFollow / Subscribe CTAJump CutImage Overlay

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Verbal hook · 80%

Sky blue and cloudy white.

Visual hook · 20%

The creator points his index finger upwards, and a blue color swatch graphic animates into view directly above his fingertip, creating an interactive and attention-grabbing visual effect.

[06]

Hook template

Steal this for your own video

[Descriptive color-style name one] and [descriptive color-style name two]. Now watch what happens when I add [one bold third element].

  • — Sky blue and cloudy white. Now watch what happens when I add one loud orange.
  • — Plain flour and cold water. Now watch what happens when I add one pinch of sea salt.
  • — Black blazer and white tee. Now watch what happens when I add one red leather belt.

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

The video begins immediately with the first example, presenting an acceptable two-part combination and posing a rhetorical question to establish it as a satisfactory but incomplete baseline.

Payoff

After proving the concept through multiple examples, the creator explicitly states the universal rule or principle that governs the transformations, providing a clear, actionable takeaway for the viewer.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The 'Good to Great' Transformation

To demonstrate a simple, repeatable principle by showing a series of 'before' and 'after' scenarios. Each example starts with an acceptable baseline, which is then dramatically elevated by the introduction of a single, high-contrast 'disruptor' element.

  1. 1

    The Demonstration Gauntlet

    A rapid-fire series of three examples, each following the exact same micro-pattern to build a strong, memorable case for the final principle. The repetition reinforces the concept and makes it feel universally applicable.

Themes

  • Education
  • Design Principles
  • Visual Hierarchy
  • Marketing

Techniques

  • Graphic Overlay
  • Direct Address
  • Before and After

Post caption

Use two quiet colors and let the loud color do the work #business #entrepreneur #design #webdesign #agency

Text overlays

  • informational · beginning

    Sky Blue #009AF7

  • informational · beginning

    Cloudy White #F0F0F0

  • informational · beginning

    Amber Red #EC0F35

  • title · beginning

    WE GROW CREATORS, NOT JUST NUMBERS

  • informational · middle

    Red Orange #F42802

  • informational · middle

    Yellow Punk #D3FC00

  • title · middle

    #CLUB SOCIALFI PEOPLE

  • informational · middle

    Sapphire Blue #0E0C9C

  • informational · middle

    Neon Jade #9DFD8D

  • title · middle

    Skip the Hold Music.

  • call-to-action · end

    Follow

Transcript

Sky blue and cloudy white. Looks clean, right? Best add a little bit of amber red, no look where your eyes go. Red orange and snowy white. Nothing wrong with it. But one touch of yellow rank, now it's something worth stopping for. Sapphire blue and ocean blue. You'd think it's finished. But add a bit of neon jade, now try imagining it without it. Use two quiet colors and let the loud color do the work. Follow for more.

Design principle with visual examples | Viral Hooks