User:Tigerfell/User interface

From OpenStreetMap Wiki
Jump to navigation Jump to search

Personal listing of commonly used templates to design pages.

Colors

Currently used in the wiki

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: exclamation mark broom trash bin arrows information sign question mark eraser check mark exclamation mark

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

Where is it used?

Imbox (Image message box)

Mainly for license templates

Where is it used?

Ombox (Other message box)

Module documentation

Where is it used?

Mbox (Message box)

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

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

Logo. Infobox small template
One example for Infobox small template
Description
{{{description}}}

Basis for one template

and many translations

Where is it used?

Layer

layer template
None yet.jpg

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

Public-images-osm logo.svg Key description
Used on these elements
use on nodes unspecifieduse on ways unspecifieduse on areas unspecifieduse on relations unspecified
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

Public-images-osm logo.svg Value description
Used on these elements
use on nodes unspecifieduse on ways unspecifieduse on areas unspecifieduse on relations unspecified
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

VTE
Place template, {{{area}}}
Wikidata

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.

Where is it used?

Navbox

Basis template for all sorts of category indices.

Where is it used?

Portal box

Used mainly in the beginners' guides and various translations

portal box template

some text where navigation links can be put

Where is it used?

Tabs

Used mainly in the various introduction pages to link pages that are thought to belong together, useful also in step-by-step guides.

this page Main Page

content

Where is it used?

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

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}}}]]
Filing cabinet icon.svg

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}}}.

Translation

Templates relating to Wiki Translation and also effect the design.

Languages

Main language selection

Language indication

Templates indicating the language of a linked page.

  • (en)
  • (de)
  • ...

Text markup

Text markup templates are commonly used templates for in-line text markup, so a consistent design is assured.

Templates for discussions

Useful for structuring discussions

Status boxes

There is no common super template to this group of templates

Resolved: Resolved template
Unresolved: Unresolved template
Stale: Stale template
Stuck: Stuck template
Disregard: Disregard template
Moved to Moved conversation template

Quote

Quoting someone

quote template

Unsigned

If someone forgot to sign —Preceding unsigned comment added by unsigned template (talkcontribs)