#3731 closed New feature (fixed)

Redesign login form

Reported by: halfdan Owned by: halfdan
Priority: normal Milestone: 1.11 - Piwik 1.11
Component: UI - UX (AngularJS, twig, less) Keywords:
Cc: Sensitive: no


The blue-ish color on the login form doesn't really fit well into the colorset Piwik is using elsewhere. The only places where the same color is used is the date picker and the notification layer on the top right.

I created a mockup for a new login form. It uses the color of the "i" in Piwik with 40% alpha transparency. I also changed some styles (border of input, font-size, size of button, etc.)

Let me know what you think!

Attachments (2)

piwik-login-form.png (41.7 KB) - added by halfdan 15 months ago.
piwik_login.png (11.9 KB) - added by null-minus-null 14 months ago.

Download all attachments as: .zip

Change History (6)

Changed 15 months ago by halfdan

comment:1 Changed 15 months ago by matt (mattab)

the blue login form does not look too good, you are right. I'm not convinced about this yellow box though... it looks a bit cheap I think, with the blue button and the logo.

what do others think?

comment:2 Changed 15 months ago by halfdan

Well I am not totally convinced of the yellow box myself. I'll see what else I can do to make it look better. Suggestions are always welcome of course!

Changed 14 months ago by null-minus-null

comment:3 Changed 14 months ago by null-minus-null

What do you think of this green background? It is taken from the settings menu.

comment:4 Changed 14 months ago by halfdan

  • Resolution set to fixed
  • Status changed from new to closed

Fixed in https://github.com/piwik/piwik/commit/47e9098cd60a1cb0dd27f0b67705bae0c51e3e0a

@null-minus-null: I made a complete redesign of the form now. Thanks for your suggestion though!

Note: See TracTickets for help on using tickets.