instantwebsite / design Goto Github PK
View Code? Open in Web Editor NEWEverything related to design/UI/UX in Instant Website
License: MIT License
Everything related to design/UI/UX in Instant Website
License: MIT License
The current logo was made by me in haste, and I'm sure we can come up with something better :) Happy to hear any suggestions or see different versions of it.
Current version is here:
https://www.figma.com/file/ARy67X7zcUXwOuUywMhQBa/Landing-Page?node-id=30%3A810
Current illustrations on the landing page are illustrations that have been picked and licensed from Adobe Stock.
Would be much nicer if we had a set of custom illustrations that not only fit better with the landing page, but are also copyleft/open for others to reuse/remix as needed.
Making illustrations from scratch is way above my skill level though, hence licensing illustrations from Adobe Stock was done instead.
In order to show what Instant Website can be used for, it'd be great to have bunch of example websites created with Instant Website.
I've created a couple of issues that can all be worked on independently, and once they are created we can link them from the Instant Website website.
The basic idea here is that we create independent websites for each one of these that showcase how Instant Website can be used. So for the documentation use case, we create an example website that could act as a base documentation website.
Current issues:
Would be great to have more thoughts and feedback from people around what open / open sources / copyleft design actually mean to them, so we can make sure the process is open and inclusive enough for others to want to contribute.
Current plugin is lacking a lot of features that would make the UX a lot better.
Existing features that should also be in V2:
The design of the plugin should follow the general design of Figma so it looks familiar to the users. See UI2: Figma's Design System and Figma Plugin DS UI Library. Another community file with some reusable elements: https://www.figma.com/community/file/783443376634935772
The landing page doesn't mention anything about the design process we're trying to implement. Would be nice to have a specific page for it somewhere, but we might want to wait until we have more details about it.
Thanks to @CCoupris we have a new, awesome design for the landing page in the works \o/
In tandem with this, it would be nice to have a page dedicated just to the people who helped make Instant Website what it is.
This page could be linked in the footer, probably next to the "About" page, or maybe as a section on the About page, unsure.
Here we can list (optionally, depending on what people want):
Current design on the landing page and inside the dashboard is vastly different, mostly because the Dashboard was built as-needed without any upfront design while the landing page was built almost exactly the opposite way.
Would be great, once a general theme and design have been nailed down, to unify them to look more alike.
The current colors are a bit all over the place. Would be good to run through them again and adjust to make sure they fit properly.
Currently using the GitHub issues here, but that might not be the best way of managing this.
Secondly, we can take a look at Notion. Unsure how their pricing would work for us (think we have to pay per user, which is not gonna work for a truly open and inclusive process), but need to take a deeper look.
The tool needs to at least support (ad-hoc or natively):
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.