User:Tigerfell/User interface

Personal listing of commonly used templates to design pages.

Colors

Currently used in the wiki

#DFD background in feature templates Place, Feature
#DFE background in templates Software, Layer
#E4D8FF background in templates Split section, Merge
#e8e6e0 background in templates Historic artifact start, Archived proposal
#FAA background in templates Delete, Undocumented Tag
#FBFBFB background in templates Verifiability
#FDD background in templates Translation not complete
#FFA background in templates Delete proposal, Image requested

Currently used on the homepage

#CBEEA7 background color for notes of success
#212529 text color in notices and warning boxes
#DC3545 text color in error notifications (like missing entry into a text box)
#EEE background color of the content heading (i. e. the gray bar below the main navigation)
#4A75FF background color of active buttons
#7092FF background color of disabled buttons
#FFF3CD background color in warning boxes
#FFE0CC background color in warning box if OSM db is in read-only mode
#FFEEBA border color of warning boxes
#856404 text color in warning boxes

Defined color names:

blue: #7092FF
indigo: #6610f2
purple: #6f42c1
pink: #e83e8c
red: #dc3545
orange: #fd7e14
yellow: #ffc107
green: #7ebc6f
teal: #20c997
cyan: #17a2b8
white: #fff
gray: #6c757d
gray-dark: #343a40
primary: #7092FF
secondary: #888
success: #7ebc6f
info: #17a2b8
warning: #ffc107
danger: #dc3545
light: #f8f9fa
dark: #343a40

Icons

Potentially interesting icons from The Noun Project:

Message boxes

These templates often provide formatting for general information, requests, warnings, ...

Ambox (Article message box)

For all kinds of notices/requests/comments - list of derived templates

Where is it used?

Fmbox (File message box)

File author information and other file details, sometimes licenses

Fmbox template

Where is it used?

Imbox (Image message box)

Mainly for license templates

Imbox template

Where is it used?

Ombox (Other message box)

Module documentation

Ombox template

Where is it used?

Mbox (Message box)

Mbox changes to the previously named templates based on the namespace.

Mbox template

Where is it used?

Category note

Created as a replacement for the "message box series" with a distinct design. Made as a meta template to unify the design of category notices.

Category note text

Where is it used?

Color insert

Generic box taken from https://fr.wiktionary.org:

Begin colored insert and end insert

Where is it used?

Minor notes

Minor notes are usually placed directly above the page text.

Hatnote

Basis template for all sorts of minor notices like

Hatnote template

Where is it used?

Feature templates

Providing a short summary of the page content, often also used on overview pages. The template aligns at the right hand side and should be usually placed before any text so both align at the top of the page.

Infobox small

Infobox small template

Description

{{{description}}}

Basis for one template

Template:Feature

and many translations

Where is it used?

Layer

layer template

Documents a tile layer

Where is it used?

Software

software template

For all kinds of software/web pages ... It has many more parameters that the template does not use actually. This was originally the source of information for User:TTTBot.

Where is it used?

KeyDescription

Used on these elements
v · d · e Key description


Status: undefined

Extremely complex template, see documentation, used for Data items, Taginfo and linking from the Homepage to the wiki.

Where is it used?

ValueDescription

Used on these elements
v · d · e Value description


Status: undefined

Extremely complex template, see documentation, used for Data items, Taginfo and linking from the Homepage to the wiki.

Where is it used?

Place

For places

V・T・E

Place template, {{{area}}}

latitude: {{{lat}}}, longitude: {{{lon}}}

Browse map of place template ^{{{{lat}}}, {{{lon}}}}

Edit map

External links:

Use this template for your locality

Place template is a {{{type}}} in [[{{{area}}}|{{{area}}}]] at latitude {{{lat}}}, longitude {{{lon}}}.

Where is it used?

Proposal

Not a real feature yet, but a proposal. Appearance is similar to feature templates

proposal's name
Proposal status:	Proposals with undefined or invalid status (inactive)
Applies to:	type
Definition:	some definition

Navigational templates

Templates to link similar pages and provide some form of index or register. Category:Navigational templates

Category TOC

Basis template for all sorts of category indices.

Boxes with individual styles

These templates create message boxes with specific content, so they are not for general purpose. However, they to not use the standard message box templates from above.

PossibleSynonym

More details at taginfo

shop=car_wash ‒ This tag may also be this other tag.

If you know places with this tag, verify if it could be tagged with another tag.
Automated edits are strongly discouraged unless you really know what you are doing!

Related terms

System is explained at Related Terms

Proposal status templates

The Feature Page for this approved proposal is located at [[{{{link}}}]]

The content of this proposal has been archived to avoid confusion with the current version of the documentation.

See on Template:Archived proposal how one may mark older proposal version to provide easy link for viewing archived content. (quick hint: {{Archived proposal|archive_id=}})

This proposal was built without a vote and the tagging is widely established based on this proposal. The Feature Page for this proposal is located at [[{{{link}}}]].

This proposal has been obsoleted by {{{1}}}.