Design System

<div class="field field--light">
	<label for="text-field">Text field</label>
	<input type="text" id="text-field" placeholder="ex. Some text" name="text-field" >
</div>

<div class="field field--light">
	<label for="number-field">Number field</label>
	<input type="number" id="number-field" placeholder="ex. 1234" name="number-field" >
</div>

<div class="field field--light">
	<label for="phone-number-field">Phone number field</label>
	<input type="tel" id="phone-number-field" placeholder="ex. 041231212" name="phone-number-field" >
</div>

<div class="field field--light">
	<label for="email-field">Email field</label>
	<input type="mail" id="email-field" placeholder="ex. address@mail.com" name="email-field" >
</div>

<div class="field field--light">
	<label for="password-field">Password field</label>
	<input type="password" id="password-field" placeholder="ex. ********" name="password-field" >
</div>

<div class="field field--dark">
	<label for="text-field-2">Text field</label>
	<input type="text" id="text-field-2" placeholder="ex. Some text" name="text-field-2" >
</div>

<div class="field field--dark">
	<label for="number-field-2">Number field</label>
	<input type="number" id="number-field-2" placeholder="ex. 1234" name="number-field-2" >
</div>

<div class="field field--dark">
	<label for="phone-number-field-2">Phone number field</label>
	<input type="tel" id="phone-number-field-2" placeholder="ex. 041234567" name="phone-number-field-2" >
</div>

<div class="field field--dark">
	<label for="email-field-2">Email field</label>
	<input type="email" id="email-field-2" placeholder="ex. address@mail.com" name="email-field-2" >
</div>

<div class="field field--dark">
	<label for="password-field-2">Password field</label>
	<input type="password" id="password-field-2" placeholder="ex. ********" name="password-field-2" >
</div>