test commit

Signed-off-by: Julio Ortega <julio.ortega@dialpad.com>

Author: juliodialpad

apps/dialtone-documentation/docs/design/colors/test-file.md

@@ -0,0 +1,37 @@
+---
+title: Brand
+description: Branding assets.
+---
+
+<dt-notice
+  kind="info"
+  title="Dialpad logomark"
+  :hideClose="true"
+  class="d-wmx100p"
+>
+  <template #default>
+    If you're looking for just the logo without the wordmark, you can find them as an icon in <a class="d-link d-link--muted" :href="$withBase('/design/icons/?search=dialpad')">Dialtone's Icon library</a>
+  </template>
+</dt-notice>
+
+<icons illustration kind="brand-logos" size="large"></icons>
+
+## Choosing Between Dialpad Logo Color Options
+
+<!-- This is temporary, and should be replaced in a more visual nature — possibly as part of the would-be Brand section. -->
+
+Logos are available in a fixed set of color options to suit different backgrounds, contexts, and theme needs.
+
+### Wordmark With Full-Color Logomark
+
+* `dialpad-logo`: Suitable for most cases. Wordmark foreground color responds to Dialtone light and dark themes. For example, the wordmark will be dark in the default theme, and light in the dark theme.
+* `dialpad-logo-inverted`: Appropriate for use on a contrasting surface color. For example, in a light theme the wordmark will be light on a dark contrasting surface.
+* `dialpad-logo-black`: When the wordmark must remain black regardless of theme or context.
+* `dialpad-logo-white`: When the wordmark must remain white regardless of theme or context.
+
+### Monochrome Wordmark and Logomark
+
+* `dialpad-mono`: Single-color wordmark and logomark in Dialtone's primary foreground color. Responds to Dialtone light and dark themes.
+* `dialpad-mono-inverted`: Appropriate for use on a contrasting surface color. For example, in a light theme it would be light on a dark contrasting surface.
+* `dialpad-mono-black`: When the entire logo must remain black regardless of theme.
+* `dialpad-mono-white`: When the entire logo must remain white regardless of theme.