Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update headers motion design #27

linnutee opened this issue Jul 17, 2018 · 1 comment


Copy link

commented Jul 17, 2018

Brief for @30000kfps

Phasing out current js headers and replacing with abstract looping .gif's.
Use abstract geometry (potential for use or further iterations of architectonics studies) to build relation with the subject matter of each page.

The pages and keywords reference for kick-off:
sine/square/tri pattern movements, trading charts/candles, measurement, value comparison, noise pattern on a timescale, liquidity growth
growth/expansion, uniqueness, beehive, one goal, engagement, superoganism, global ant-colony, filling up empty space/gaps
discovery, growth/expansion, different layers of communication, ecosystem, interconnected movements
transformation (this becomes that), algorithmic cornerstone, time; timelocking, flocks of tickets, option variables, vaults of growth, surplus
importing/receiving, emission, mesh of point a to point b movement, progressive flow, downward movement (later on known as news page)
accredit, formal visibility, subjectivity vs objectivity, layers of interpretation, approved hype or

Out of all, Press/News needs to be the calmest and most subtle, not to interfere with reading larger textual content.

Background color: #091440
Size: up to 3mb (3.5mb the most if worth it).
Dimensions: 1366 x 345px by default/master.

Discuss further about optimization:
A) Can be smaller dimensions in case of functional seamless patterns are worked out
B) Can be number of renders with same height and different width (575, 768, 991, 1199px) based on the sites breaking points (this way only loads the relevant size)

One static fallback for each gif.
Semi-transparent overlay with same dark blue not included in gif, will be added in html.

Primary element colors: #2970FF ; #2ED8A3
Secondary colors can be picked from the color scheme if needed:
screen shot 2018-07-17 at 18 27 13


This comment has been minimized.

Copy link

commented Jan 10, 2019

GIF 1366 x 345

decred briefs
decred community
decred contributors
decred design
decred development
decred downloads
decred exchanges
decred governance
decred news
decred roadmap
decred stakepools
decred alt2

@linnutee linnutee closed this Jan 10, 2019

@linnutee linnutee moved this from In Progress to Done in Jan 21, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.