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

Closed
linnutee opened this issue Jul 17, 2018 · 1 comment

Comments

@linnutee
Copy link
Member

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:
https://decred.org/exchanges/
sine/square/tri pattern movements, trading charts/candles, measurement, value comparison, noise pattern on a timescale, liquidity growth

https://decred.org/contributors/
growth/expansion, uniqueness, beehive, one goal, engagement, superoganism, global ant-colony, filling up empty space/gaps

https://decred.org/community/
discovery, growth/expansion, different layers of communication, ecosystem, interconnected movements

https://decred.org/stakepools/
transformation (this becomes that), algorithmic cornerstone, time; timelocking, flocks of tickets, option variables, vaults of growth, surplus

https://decred.org/downloads/
importing/receiving, emission, mesh of point a to point b movement, progressive flow, downward movement

https://decred.org/press/ (later on known as news page)
accredit, formal visibility, subjectivity vs objectivity, layers of interpretation, approved hype or
generalization

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


Details:
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

@30000fps

This comment has been minimized.

Copy link
Collaborator

commented Jan 10, 2019

DecredHeaders_01.2019_MP4.zip

GIF 1366 x 345

Briefs
decred briefs
Community
decred community
Contributors
decred contributors
Design
decred design
Development
decred development
Downloads
decred downloads
Exchanges
decred exchanges
Governance
decred governance
News
decred news
Roadmap
decred roadmap
Stakepools
decred stakepools
Unasigned
decred alt2

@linnutee linnutee closed this Jan 10, 2019

@linnutee linnutee moved this from In Progress to Done in Decred.org 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.