Debian website redesign proposal

A resource for documenting, developing and discussing the design proposal.

TODO

FAQ

Architecture

Reusable Design Elements

The ambition is that classes id's and elements are re-usable and cover all required use-cases and formatting needs. If custom inline styles and page specific hacks are avoided the overall appearance of the site will be more coherent. For this to happen I guess I need to produce some serious documentation :( See KredesignManual for work in progress.

Files

The proposal works by having one global debian.css that should be the same for every subdomain and backend. Site specific tweaks and overrides are then added in a separate css file following the deb$(subdomain).css naming convention. The subdomains link to their css file which in turn includes the debian.css file via a @import line at the top of the css file.

Design

Top Navigation

The above elements are designed to fit together quite tightly. The textual part of the logo forms the first breadcrumb therefore a slash should be the first item in the breadcrumbs before any actual link. This can be achieved with the css content tag if changes to the backend are difficult.

div.breadcrumb:before {
                content: "/";
        }

replace "breadcrumb" above with the tag your backend provides

Typography

Font Size

After much consideration the font size is left at the browser default and uses em's to vary font size around the default body text. This means that font size as set by the user in the browser settings is respected.

Tabular, listed or otherwise heavily structured data should where appropriate use the smaller 0.75em font size. This is particularly useful for information intensive sites such as gitweb or the debian cd vendor page.

Sites in progess moving to kallesdesign

Site / Subdomaian

Status

preview

by

dsa.debian.org

done

http://dsa.debian.org/

zobel

lists.debian.org

WiP, needs bigger code-rewrite

http://lists.deb.at/

zobel

git.debian.org

WiP

http://git.deb.at/

Rhonda

www.debian.org

WiP

http://www.deb.at/

Rhonda

Developments

Wiki Theme

I'm looking at a new MoinMoin (wiki) theme that solves a few issues I had with the previous proposal. A buggy version of the previous proposal can be testing following these instructions.

The new theme looks like this

The main change from the previous theme is the treatment of the title, the edit tools and the login.