Index

Social Media

Official Groups

Verified Groups

Ambassador Program

Avalanche Assistant

Suggestions

About

Official Website

Contribution Guidelines

Overview

This guide is focused on the design and media content part (#XECartisan), but for the development part (#XECengineer) we keep a similar line of thought in principle.

We will not necessarily explain in detail on how to make content, but some conceptual clarification to understand what to expect from our content rewards.

Design

Our definition of good-looking is not strict, but it usually needs to satisfy a popular aesthetic, so these few guidelines can be helpful:

Clean: Fewer elements and simpler content tend to be less error-prone. Composition: Think of pixels as having weight and keep the center of gravity of the content even. Res1、Res2 Color Distance: Use colors rationally and understand the distance between colors.

Design is a professional craft and cannot fully be explained by this short guide. But if you are interested to learn more about it, you can check:

Figma

Figma Community file - This file contains the Figma design language and system. It includes the styles, components, and variants Figma's design team uses everyday to design Figma itself, as well as some instructions and best practices. We're sharing it publicly here as it may be helpful for anything from creating plugi...

www.figma.com

Figma

Figma Community file - A set of UI, styles and components we use to build monday.com by its UI, accessibility and craftsmanship guidelines. https://style.monday.com/

www.figma.com

Spectrum, Adobe's design system

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

spectrum.adobe.com

Design-Font

Currently, the fonts used on the official website of eCash include two fonts: Montserrat and Poppins. In terms of fonts, the choice is actually very wide, such as Apple's San Francisco or inter, roboto, etc. are very modern and clean.

Design-Icon

For icons, here are some good tips you can apply to your designs. There are also free items you can use for your creations.

Download 4.5 Million+ Icons, 3D Illustrations & Lottie Animations | IconScout

Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations. Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations. Over 5000+ new assets added every day. Integrated plugins, tools, editors, and more.

iconscout.com

3d Icons by Iconshock

Over 2050 3D style icons in 4k resolution created by Iconshock, 5 different color palettes & front view as well as angled perspective view

www.3dicons.com

Design-Composition

Composition is determined by a lot of things, line spacing, font size, weight, etc. You can find your own specifications in many reference documents. But more importantly, remember that all pixels have weight, and you are a person walking on a balance beam.

Human Interface Guidelines

Human Interface Guidelines

developer.apple.com

Artwork from @nicks_twt

Artwork from lindadong

Design-Color

At present, there is no strict design language for eCash ecology.

The design style of eCash adopts the common blue-purple cyberpunk style, which is a generalized design style, similar to the difference between cold and warm in Hollywood, which can easily bring a good experience to the look and feel.

Therefore, in the choice of style, I suggest moving closer to "future", "cyberpunk", "technology", "neon lights" and "3D", which is more in line with eCash's future vision.

Since eCash makes a lot of use of blue, and blue is easy to stylistically deviate, if your expectation is to enhance future elements, I recommend adding adjacent or complementary colors such as purple, orange, red and yellow.

You can also find official brand colors in our eCash brand-kit.

eCash Brand Colors

Palette related tools：

color.adobe.com

color.adobe.com

Sip Color for Mac

A modern color picker built for designers and developers, that allows you to collect, organize and edit colors. It gives you the ability to share colors with everyone and link them between the other tools in your workflow. Check all Color Picker Shortcuts

sipapp.io

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

ColorBox

Create amazing color sets superfast.

colorbox.io

Klart - Bookmarking With Screenshots

Save a link and screenshot of anything with just a click.

klart.io

For an even more professional look, I also recommend that you adopt some cool elements, such as blur, gradient, laser, etc.

Artwork from tubik original link: Res

Artwork from Lay original link: Res

Artwork from Matt Romo original link: Res

Paid Template From Olga Ryzychenko original link: Res

For 3D Artisans

If you like working on colors, then you will definitely want to understand the light source in depth.

For this, 3D is the better choice and we welcome more 3D elements.

Artwork from @novikoff a great UI designer

APP Icons

Icon Design,Branding,UI/UX,Figma,Adobe Photoshop,Adobe Illustrator,Blender 3D

www.behance.net

Figma

Figma Community file -

www.figma.com

Artwork from @meidenberg

Morflax studio - The Easiest 3D design platform

Morflax studio is the most accessible 3D design platform that creates high-quality illustrations, device mockups & marketing assets. Create stunning 3D images for your website, landing page and other content.

studio.morflax.com

Created by @alitayin with morflax

Artwork from WantLine

Artwork from RuleByArt

Design-Reusable

It's more valuable if your work has source files (.svg/.fig/.raw, etc.) that can be reused by the rest of the community.

eg: reusable components and materials

eg: Created by alitayin based on a open vector material, you can adjust the content at will to meet different scenes.

Design-Practical

A good design or engineering project must be practical. Therefore, the needs must be well positioned.

For engineering projects, if you only have one potential user, then it is difficult to be successful, even if it has a very good UI/UX.

For useful content, it must be easily disseminated, or can be used in different occasions, and not just displayed as "a good-looking picture".

Eg. I created a 3D logo for eCash and shared it with reusable source files; we do see a lot of secondary creations based on this model, or personalized transformations.

Artwork from Josh Warren

About Originality and Creativity

When your work or idea is highly original, it doesn't even need to highlight the eCash logo, because its theme is related and the originality makes it highly reusable. Conversely, if the content or idea is not original, you will try to put a logo on it instead, like everyone else. So, in a sense, the best fit doesn't need a logo, but it's not easy.

(For example, if you can create a video of similar caliber and quality, you have a good chance of winning major awards)

Artwork from @novikoff, original video from Res, designed for Hive

(e.cash official website also chose this tool)

Webflow: Create a custom website | No-code website builder

Create professional, custom websites in a completely visual canvas with no code. Learn how to create a website by trying Webflow for free!

webflow.com

(ecash.community website chose this tool)

Super - Build websites with Notion

Everything you need to build fast, functional websites with Notion. Custom domains, themes, password-protection, and more-no code required.

super.so

Artwork from @Betraydan

Personally, for artisan content, I recommend Figma and Procreate.

Figma: the collaborative interface design tool.

Figma connects everyone in the design process so teams can deliver better products, faster. Try Figma for free Join other industry-leading organizations pushing boundaries and solving problems in Figma

www.figma.com

Procreate® - Sketch, Paint, Create.

Procreate® - the most powerful and intuitive digital illustration app. Available only on iPad, and packed with features artists and creative professionals love.

procreate.art

Type of Content

Our contents rewards are not subject to restrictions. Whether it is pictures, video, audio, concepts, artworks, blogs, vlogs, reels, memes - any media content is welcome.

eg. Create animations with SVG

GreenSock

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js DrawSVGPlugin allows you to progressively reveal (or hide) SVG strokes to make them look like they're being drawn. MorphSVGPlugin to Morph any SVG shape into any other shape smoothly regardless of the number of points in each. MotionPathPlugin allows you to easily move any object along a path.

greensock.com

eg. Create Video with Screenflow or AE

‎ScreenFlow 10

‎Easily create and publish your content with the most powerful capture and editing software. Simultaneous screen, camera and mic recording, a customizable title library, video filters and multi-app recording allow you to quickly produce professional videos for any audience. Save your masterpiece for...

apps.apple.com

VFX and motion graphics software | Adobe After Effects

With Adobe After Effects, the industry-standard motion graphics and visual effects software, you can take any idea and make it move. Design for film, TV, video, and web.

www.adobe.com

eg. Create APP(IOS15) with SwfitUI

SwiftUI Overview - Xcode - Apple Developer

SwiftUI uses a declarative syntax, so you can simply state what your user interface should do. For example, you can write that you want a list of items consisting of text fields, then describe alignment, font, and color for each field. Your code is simpler and easier to read than ever before, saving you time and maintenance.

developer.apple.com

eg. Create sound with cubase

Three Times Your Favorite DAW for Production

Whether you want to start creating your own music or bring your production up to a professional level, Cubase guides you on your music production journey.

www.steinberg.net

Other:

See what the geniuses on Twitter are building.

written with ❤️ by @alitayin & @eKoush for the eCash🌐 Community Artisans.

• Contribution Guidelines
• Overview
• Design
• Design-Font
• Design-Icon
• Design-Composition
• Design-Color
• eCash Brand Colors
• For 3D Artisans
• Design-Reusable
• Design-Practical
• About Originality and Creativity
• Type of Content
• Other: