diff --git a/docs/style.md b/docs/style.md
new file mode 100644
index 0000000..670f730
--- /dev/null
+++ b/docs/style.md
@@ -0,0 +1,42 @@
+# UI style guidelines
+
+## Color palette
+
+http://paletton.com/#uid=63D0c0kcBwN43YM8AMYhnnWlyeQ
+
+
+```
+*** Primary color:
+
+ shade 0 = #6C87A9 = rgb(108,135,169) = rgba(108,135,169,1) = rgb0(0.424,0.529,0.663)
+ shade 1 = #DCE9F9 = rgb(220,233,249) = rgba(220,233,249,1) = rgb0(0.863,0.914,0.976)
+ shade 2 = #A3BBD9 = rgb(163,187,217) = rgba(163,187,217,1) = rgb0(0.639,0.733,0.851)
+ shade 3 = #3F5A7D = rgb( 63, 90,125) = rgba( 63, 90,125,1) = rgb0(0.247,0.353,0.49)
+ shade 4 = #1E334E = rgb( 30, 51, 78) = rgba( 30, 51, 78,1) = rgb0(0.118,0.2,0.306)
+
+*** Secondary color (1):
+
+ shade 0 = #7280AF = rgb(114,128,175) = rgba(114,128,175,1) = rgb0(0.447,0.502,0.686)
+ shade 1 = #DDE4F9 = rgb(221,228,249) = rgba(221,228,249,1) = rgb0(0.867,0.894,0.976)
+ shade 2 = #A7B3DB = rgb(167,179,219) = rgba(167,179,219,1) = rgb0(0.655,0.702,0.859)
+ shade 3 = #435281 = rgb( 67, 82,129) = rgba( 67, 82,129,1) = rgb0(0.263,0.322,0.506)
+ shade 4 = #202B50 = rgb( 32, 43, 80) = rgba( 32, 43, 80,1) = rgb0(0.125,0.169,0.314)
+
+*** Secondary color (2):
+
+ shade 0 = #6690A4 = rgb(102,144,164) = rgba(102,144,164,1) = rgb0(0.4,0.565,0.643)
+ shade 1 = #DBEFF9 = rgb(219,239,249) = rgba(219,239,249,1) = rgb0(0.859,0.937,0.976)
+ shade 2 = #9FC4D6 = rgb(159,196,214) = rgba(159,196,214,1) = rgb0(0.624,0.769,0.839)
+ shade 3 = #3A6479 = rgb( 58,100,121) = rgba( 58,100,121,1) = rgb0(0.227,0.392,0.475)
+ shade 4 = #1B3B4B = rgb( 27, 59, 75) = rgba( 27, 59, 75,1) = rgb0(0.106,0.231,0.294)
+
+*** Complement color:
+
+ shade 0 = #FFD99B = rgb(255,217,155) = rgba(255,217,155,1) = rgb0(1,0.851,0.608)
+ shade 1 = #FFF3DF = rgb(255,243,223) = rgba(255,243,223,1) = rgb0(1,0.953,0.875)
+ shade 2 = #FFE5BB = rgb(255,229,187) = rgba(255,229,187,1) = rgb0(1,0.898,0.733)
+ shade 3 = #BF9757 = rgb(191,151, 87) = rgba(191,151, 87,1) = rgb0(0.749,0.592,0.341)
+ shade 4 = #765827 = rgb(118, 88, 39) = rgba(118, 88, 39,1) = rgb0(0.463,0.345,0.153)
+```
+
+
diff --git a/graphics/ui/character.svg b/graphics/ui/character.svg
index 3dcd9cb..fef7e4a 100644
--- a/graphics/ui/character.svg
+++ b/graphics/ui/character.svg
@@ -23,6 +23,18 @@
enable-background="new">
+
+
+
+
@@ -900,6 +912,202 @@
stdDeviation="1.848"
id="feGaussianBlur5462" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ style="display:inline"
+ sodipodi:insensitive="true">
+ style="display:inline"
+ sodipodi:insensitive="true">
-
-
- Artana
-
+ preserveAspectRatio="none"
+ id="image12382"
+ x="310.76187"
+ y="154.4881" />
-
-
-
-
-
-
-
-
- 12
-
- Upgrade points
-
@@ -1633,39 +1753,6 @@
y="0"
x="0" />
-
-
-
- Level 9
-
-
- ...
-
- ...
+ Compose your initial teamby choosing a modelfor each ship, and customizethe name and personalityof the Artificial Intelligence pilot
+
+ Validate team
+
+
+
+
+
+
+
+
+
+ Courageous
+ Wise
+
+
+
+
+
+
+
+
+
+
+
+ Kind
+ Resilient
+
+
+
+
+ Shrewd
+ Funny
+
+
+
+
+
+ Artana
+
+
+
+
+
+
+
+
+
+
+
+ ...
+
+
+
+ Pilot
+
+ Ship
+
+
+ style="display:none">
+ width="64"
+ height="64"
+ preserveAspectRatio="none"
+ id="image4664"
+ x="977.53552"
+ y="889.23981" />
+ preserveAspectRatio="none"
+ id="image12836"
+ x="1017.6896"
+ y="39.945179" />
+
+
+
+
+
+
+
+
+ 12
+
+ Upgrade points
+
+
+
+
+ Level 9
+
+