Know what’s
moving.
HypeChart ranks the Instagram Reels the internet can’t stop watching, every 6 hours. This is how it looks, moves and speaks.
The idea
Two strokes make the H. The green corner is the arrow.
Symbol
Built on one stroke width, one gap and one 45° line.
Up and down
The arrow has a twin. Green corner up and to the right when something climbs; red corner down when it falls.
Up. Signal Green, corner top right. The same shape as the arrow in the mark.
Down. Drop Red, corner bottom right. Only for numbers that fall; never decoration.
Motion
The strokes arrive already moving. Then the arrow lights up, like a neon sign switching on.
The full reveal plays on app start and video intros. Everywhere else, motion is quick and quiet: 200 to 350 ms, ease-out.
Things that rise move up-right; things that fall fade. Nothing in the brand ever animates down-left.
With reduced motion on, the mark appears finished and loaders hold still.
Launch film
Twenty seconds, cut on the beat: the arrow ignites, the headline slams, then the real app.
Silent masters in 9:16, 16:9 and 4:5. Add the sound inside Instagram or TikTok when posting so it is licensed there.
Color
Mostly night, some paper, a little signal.
The ground. Every screen starts here.
- HEX
- #050505
- RGB
- 5 5 5
The arrow. A climb, the #1 spot, the one primary action, the tab you are on.
- HEX
- #62D182
- RGB
- 98 209 130
The strokes on dark, light layouts, print.
- HEX
- #FFFFFF
- RGB
- 255 255 255
Text on dark. 72% for secondary, 50% for tertiary.
- HEX
- #F5F5F5
- RGB
- 245 245 245
Panels and sheets, one step up from Night.
- HEX
- #111111
- RGB
- 17 17 17
Type and icons on Signal Green.
- HEX
- #04210F
- RGB
- 4 33 15
Highlights and hover on green. Never on its own.
- HEX
- #8EE3A6
- RGB
- 142 227 166
The falling corner. Numbers that drop, nothing else. Never a button.
- HEX
- #E03B25
- RGB
- 224 59 37
Green is earned. If everything is green, nothing is. Yellow and gold are retired.
Alternate: Lime
A second art for launch moments, merch and social. The primary black and green stays the default everywhere, including the app.
Know what’s
next.
On Lime the strokes are black and the arrow is white. White is only ever the arrow, never text. Never put Signal Green and Lime in the same piece, and Lime never appears inside the app.
Download the Lime iconPro Gold
One exception to the green arrow: Pro members get it in polished, faintly holographic gold. It only appears in their own top bar, their Pro badge and the share cards they create.
Wordmark, Pro
App icon, ProGold is never flat yellow and never a UI color. Under 20 px it simplifies to three stops; under 12 px it is flat #C9A04A.
Type
One family, DM Sans, doing everything from the wordmark to the smallest number.
Eating right now.
Fastest risers this reading
A daily discovery index of public Instagram Reels, read every 6 hours and ranked by how fast they are moving.
1,284,300 12.4% 3.1%
DM Sans zero is a plain oval, so numbers stay clean. Columns of numbers always use tabular figures.
Pattern
Momentum: the stroke, repeated at its own rhythm.
The pattern repeats one stroke every 220 units, the stroke plus its gap, so it always lines up with the mark. Use it for backgrounds, packaging and loading screens, at low contrast, never behind small text.
In use
The same few decisions, everywhere the brand shows up.
The internet’s
top 100.
Ranked every 6 hours · hypechart.app
Know what’s
next.
The top 100 Reels, before your feed catches up.
#1 today.
Up 8 places.
Every creator gets one spot. Only the best Reel counts.
HypeChart
Voice
Short, confident, numbers first. Let the data be the joke.
“@spicy_slurp is up 8 places. Eating right now.”
“OMG this creator is SO viral right now!!!”
“Views aren’t public, so we don’t guess them.”
“Estimated 12M views!”
No em dashes in product copy. Name things the way people say them: likes, comments, creators, the board.
Turn your phone upright
