KDE Logo
Guidelines
Basics
GUI Usage
Terminology
Windows
Labels
Settings
Systray
Example
Bad interface
Menus
Toolbar
Statusbar
Content Area
Dialogs
Keys
Mouse
Drag and Drop

printable version (ps)/(pdf)
Links
Icon Style Guide
KDE User InterfaceStandards

Basics

Scope of this document

This document attempts to specify the look-and-feel for KDE applications. The goal is to provide some rules-of-thumb for developers to create their applications interface so that KDE software will have a consistent look-and-feel.

The guidelines in this style guide are only suggestions - they are not set in stone. It is the application designer's duty to create a decent interface. Following rules will not do that, but common sense will.

These guidelines are aimed at a typical application consisting of a menubar, toolbar, working area and statusbar. Not every application necessarily needs to have all these components, but if your application does, then the components should work as described here. Please note that not every component described must be present in your application.

Example

The KNotes program consists solely of a working area. Its interface is such that it resembles the well-known paper Post-It notes of 3M.

Although it doesn't have a menubar or toolbar, the rest of its interface (e.g. dialogs, use of mouse) should still follow these guidelines.

KNote window

Conventions in this document

The recommendations in this style guide that are in normal text have been agreed upon by the KDE Team.

Items marked like the following paragraph have not been agreed upon yet and are still open for discussion:

Open for discussion
This is an example of an item we couldn't agree upon.
To stay compatible with other desktops, an application should crash when the user moves the mouse.

Items marked like the following paragraph are an example only and are meant to clarify a prior statement. If an example conflicts in some point with any statement made in this style guide, the statement is authorative. Please send a bugreport to bugs@kde.org if you notice such a conflict so that we can update the example.
Example

This is an example of an example.
In the following menu Alt-P is an accelerator for the Paste item.

Undo Ctrl+Z
Redo Shift+Ctrl+Z

Cut Ctrl+X
Copy Ctrl+C
Paste Ctrl+V
Select All  

Find... Ctrl+F
Find Next F3
Replace... Ctrl+R

Application specific
entries
  

This style guide specifies what a KDE program should look like and how it should behave. It does not specify how you should write your program (the implementation). However, because KDE offers very convenient ways to obtain the described behaviour, we will often provide a suggestion to make developers aware of the possibilities. The suggestion will be marked as an implementation note, as the example below shows:

Implementation Note

Example of an implementation note.
If you use the KDialogBase class, the buttons in your dialog will automatically be laid out according to this style guide.

Next Next