diff --git a/ui/style-guide.html b/ui/style-guide.html index a663f0a4a6..68053e9d78 100644 --- a/ui/style-guide.html +++ b/ui/style-guide.html @@ -14,6 +14,15 @@
This is style guide for the Consul Web UI. When possible, it's best to follow this guide modifying the UI.
+Some reasoning behind choices: +
Panels are for displaying data in the 2nd (right) column. + They show extensive information and are flexible, but also + use the highlight colors to allow for scanning.
+Lists are used primarily for the first (left) column + view. They are designed as a quick summary, with links + embedded for the top-level item as well as sub-items ( + such as a list of nodes, as below).
+