A moderately comprehensive UI specification for modern web applications.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
RotasArepo 3527f8b198
Correct movie quote
6 months ago
Philosophies Correct movie quote 6 months ago
.gitignore Version 1.0 6 months ago
LICENSE Version 1.0 6 months ago
README.md Minor grammatical and consistency improvements 6 months ago


ProductiveUI - 1.1

A moderately comprehensive UI specification for modern web applications.

productive : adjective

achieving or producing a significant amount or result

user interface : noun

the means by which the user and a computer system interact

ProductiveUI : noun (not official)

software that encourages progress or creation through aesthetic or function

Note: Read this entire README first.


To get a visual idea of what I'm talking about when I say "Productive UI," you can see the Search UX on this website: attom.space. If you type "/" on your keyboard, type 'next,' press 'enter,' you'll start to see how productive it really is.

The entire search experience on attom.space implements a few philosophies of ProductiveUI. Once you read through this repository, you should be able to identify the specific patterns in use.


Some tags you should know before getting started:

  • [strict]: no exceptions. Implement it.
  • [moderate]: it's not the worst thing in the world if you don't do this.
  • [soft]: do it if you can/have the time.
  • [prefer]: matter of preference

To what does this specification apply?

Primarily, graphical user interfaces and, to some degree, command-line interfaces. To be reductive, any program with which a user interacts with a computer. This includes web applications, mobile applications, informational websites, the list goes on.

There's both visual design tips and programming design patterns. This is to provide a comprehensive (to a certain degree) and practical specification.

Get started

Head to the Philosophies/ folder to start reading.

Note: This is a work in progress. Please bear with me.