specification.md

General notes

• Site should be mobile-friendly; animations can be omitted on mobile where necessary but all text needs to be readable
• Consistent typography; I can provide a few initial font ideas if you like, or you can experiment as preferred.
• Three pages: Landing, About, Contact. I don't need any dynamic content (we'll do that separately).

Page: Landing (most of the work)

• Full page-height element (like on http://www.judecoram.com/)

  1. Top menubar: title ("Project Wyvern") and pagelinks
  2. Background animation (JS; dynamic) a. Animated particle-effect background b. Inspiration: https://iohk.io/ - but instead of the mouse just being a particle source, there should be a hidden background of the Project Wyvern logo, and moving the mouse should illuminate the part of the logo behind the cursor (with particle effects), gradually allowing the user to reveal the whole logo by "painting" over it with their mouse. c. I have the logo already (might need to be resized); you'll be responsible for the animation.
  3. Tagline: "Decentralized digital item exchange"
  4. Three center buttons and form: a. Link to DAO DApp b. Link to Exchange DApp c. Mailing list email entry form and signup button

• Four alternating left/right graphic/paragraph panels (like on https://teambit.io/ @ "Feedback to help teammates improve) You would be responsible for developing these graphics; I think something pixel-style a la http://www.judecoram.com/pixel-art-games-consoles/ would be cool. I can be more specific about each one if that would be helpful, also open to ideas.

  1. "Buy and sell digital items peer-to-peer" a. Paragraph text (I'll send you this later, use filler initially) b. Abstract graphic depicting exchange of information between two parties
  2. "Avoid rent-seeking intermediaries" a. Abstract graphic depicting a greedy Ebay/Paypal executive with an X through it b. Paragraph text (I'll send you this later, use filler initially)
  3. "Automate your commerce with our open protocol" a. Paragraph text (I'll send you this later, use filler initially) b. Abstract graphic depicting someone programming an API
  4. "Autonomously governed and arbitrated" a. Abstract graphic depicting multiple parties debating / digital voting b. Paragraph text (I'll send you this later, use filler initially)

• Footer (something similar to on your site http://www.judecoram.com/ is fine)

  1. (c) Project Wyvern Developers
  2. Small logo image
  3. Page links, social links

Page: About Us

• Same header/footer as landing
• A few paragraphs of text (I'll send you these later, use filler initially)

Page: Contact Us

• Same header/footer as landing
• A paragraph of text (I'll send you later, use filler initially)
• Link to email us