.container { position:fixed; top:-1px; left:-1px; width:101%; text-align: center; } .container button { color: #fff; text-decoration:none; font-size: 25px; text-transform: uppercase; display: block; font-family: impact; margin-top: 1px; border:0px solid black; } .red { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #C00; background-image: url(https://static.wixstatic.com/media/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.webp); background-repat: no-repeat; } .orange { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #F90; background-image: url(https://static.wixstatic.com/media/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.webp); background-repeat: no-repeat; } .grey { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #e6e6e6; background-image: url(thumb_ourteam.jpg); background-repat: no-repeat; } .blue { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #7293b8; background-image: url(https://static.wixstatic.com/media/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.webp); background-repat: no-repeat; } #brown { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #960; background-image: url(thumb_counseling.jpg); background-repat: no-repeat; } #green { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #4a714b; background-image: url(thumb_media.jpg); background-repat: no-repeat; } #pink { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #c69; background-image: url(thumb_legislation_lobby.jpg); background-repat: no-repeat; } #black { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #333; background-image: url(thumb_contact.jpg); background-repat: no-repeat; }
top of page

SMART FORM

UI & UX

mumms Software • 2012 - 2014

The behavior and visual styles displayed here became a UI pattern throughout the entire software application.

•

•

•

•

UX:

Focuses users to required questions first.

Non-required questions enabled, but dark.

Sub-questions hidden until needed.

Cursor placement auto-advances.

•

•

​

•

•

•

•

•

UI: (click here for live CSS example)

Generally dark interface for outside use.

No signifiers for dropdowns, text fields/areas.

(this is a "discoverable" feature)

Unanswered required = Red

Unanswered not required = Dark Grey

Editable Text = White

Non-Editable Text = Yellow

Headline or Category = Blue

​

bottom of page
Counsling
Media
Legislation & Lobby
Contact