diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php
index 4cb03f5..9915a7f 100644
--- a/app/Http/Controllers/Auth/LoginController.php
+++ b/app/Http/Controllers/Auth/LoginController.php
@@ -8,6 +8,11 @@ use Illuminate\Foundation\Auth\AuthenticatesUsers;
 
 class LoginController extends Controller
 {
+    public function showLoginForm()
+    {
+        return view('auth.login');
+    }
+
     public function login()
     {
         if (! Auth::attempt(request(['email', 'password']))) {
diff --git a/resources/assets/less/typography/base.less b/resources/assets/less/typography/base.less
index d4e082c..4640f03 100644
--- a/resources/assets/less/typography/base.less
+++ b/resources/assets/less/typography/base.less
@@ -29,7 +29,7 @@
 @text-brand: hsv(@hue-brand-primary, 100%, 86%);
 @text-brand-soft: hsv(@hue-brand-primary, 85%, 86%);
 @text-brand-muted: hsv(@hue-brand-primary, 65%, 86%);
-
+@text-danger: @color-danger;
 
 small {
     font-size: @font-size-sm;
diff --git a/resources/assets/less/typography/utilities.less b/resources/assets/less/typography/utilities.less
index 354c3ec..adb1e85 100644
--- a/resources/assets/less/typography/utilities.less
+++ b/resources/assets/less/typography/utilities.less
@@ -21,6 +21,7 @@
 .text-brand         { color: @text-brand; }
 .text-brand-soft    { color: @text-brand-soft; }
 .text-brand-muted    { color: @text-brand-muted; }
+.text-danger    { color: @text-danger; }
 
 .text-em { font-style: italic; }
 
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
new file mode 100644
index 0000000..953db09
--- /dev/null
+++ b/resources/views/auth/login.blade.php
@@ -0,0 +1,38 @@
+@extends('layouts.master')
+
+@section('body')
+<div class="container-fluid bg-soft">
+    <div class="full-height flex-center">
+        <div class="constrain constrain-sm flex-fit">
+            <form class="card p-xs-6" action="/login" method="POST">
+                {{ csrf_field() }}
+                <h1 class="text-xl wt-light text-center m-xs-b-6">Log in to your account</h1>
+                <div class="form-group">
+                    <label class="form-label pseudo-hidden">Email address</label>
+                    <div class="input-group">
+                        <span class="input-group-addon">
+                            @icon('user', 'text-dark-muted text-xs')
+                        </span>
+                        <input type="email" name="email" class="form-control" placeholder="Email address" value="{{ old('email') }}">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label class="form-label pseudo-hidden">Password</label>
+                    <div class="input-group">
+                        <span class="input-group-addon">
+                            @icon('lock-closed', 'text-dark-muted text-xs')
+                        </span>
+                        <input type="password" name="password" class="form-control" placeholder="Password">
+                    </div>
+                </div>
+                <button type="submit" class="btn btn-block btn-primary">Log in</button>
+                @if($errors->any())
+                <p class="text-center text-danger m-xs-t-2">
+                    These credentials do not match our records.
+                </p>
+                @endif
+            </form>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index e5eba1c..8bc3632 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -15,4 +15,5 @@ Route::get('/concerts/{id}', 'ConcertsController@show');
 Route::post('/concerts/{id}/orders', 'ConcertOrdersController@store');
 Route::get('/orders/{confirmationNumber}', 'OrdersController@show');
 
+Route::get('/login', 'Auth\LoginController@showLoginForm');
 Route::post('/login', 'Auth\LoginController@login');