Formularze
Pola tekstowe
Standardowe elementy formularza nie posiadają obramowań za wyjątkiem dolnej jego części. Kolor obramowania zależy od wybranego motywu kolorystycznego. Aktywna kontrolka formularza posiada dolne obramowanie w rozmiarze podwójnym w stosunku do wersji nieaktywnej. Obowiązkowym elementem wszystkich elementów formularzy są teksty podpowiedzi (tzw. placeholdery). Jedynym elementem formularzy zawierającym tło jest wieloliniowe pole tekstowe, które w przypadku białego tła ma tło ustawione na kolor srebrny o wartości 20%. Dla innych jasnych teł dla tego pola nalezy zastosować tło o 20% ciemniejsze od tła natomiast dla teł ciemnych używamy tła jaśniejszego o 20%.
Pole tekstowe z opisem konstruuje się w taki sam sposób. Wielkość tekstu w opisie pola powinna mieć wartość 80% rozmiaru bazowego dla tekstu, a kolor powinien zostać obniżony o 20pp. w stosunku do koloru obramowania. W takim przypadku można zrezygnować z tekstu podpowiedzi dla kontrolki formularza.
Aby wpłynąć na kolor tekstu podpowiedzi można wykorzystać odpowiednią klasę koloru .imd-placeholder-[kolor].
Informację o błędach w formularzach należy zasygnalizować poprzez użycie czerwonych akcentów oraz informację tekstową pod polem.
Zablokowane pola formularza oznaczane są poprzez użycie przerywanej linii jako stylu obramowania.
Poniższa grafika opisuje sposób tworzenia marginesów w elementach formularza.
Pola wyboru
Checkboxy są zwykłymi kwadratami, w ktorych w przypadku zaznaczenia pojawia sie znak "tick". Podobnie jak pola tekstowe w przypadku zablokowania nastepuje zamiana obramowania na przerywane.
Pola opcji
W przypadku pól wyboru postępujemy tak samo jak w przypadku checkboxów.
Przełączniki
Przełączniki są dynamicznymi elementami, które jednoznacznie wskazują swoim podświetleniem na to czy wybrana opcja jest włączona czy nie. Kolor przełącznika to 120% koloru bazowego, a jego tło wyznaczamy tak samo jak tła dla pól tekstowych. Tło aktywnego przełącznika automatycznie ustawiane jest na zielony 20%.