zitadel / zitadel-vue

Authenticate your ZITADEL users within your Vue applications
https://zitadel.com/docs/examples/login/vue
MIT License
16 stars 5 forks source link

Address the capitalization inconsistencies in the portal #8

Closed dakshitha closed 6 months ago

dakshitha commented 6 months ago

I see a lack of consistency when it comes to capitalization of text in the UI. We will have to choose a capitalization style (or an organized mix of styles) that fits the overall tone and branding and stick with it across the interface.

e.g.

  1. Sentence Case Description: Only the first letter of the first word is capitalized, along with any proper nouns. Use Cases: Body text, help text, messages, and sometimes buttons and labels. This style is more informal and is often used to create a friendly, approachable interface. Example: "Sign up for free"

  2. Title Case Description: The first letter of most words is capitalized, except for short prepositions, conjunctions, and articles. Use Cases: Titles, headings, action buttons, menu items, and tab labels. This style adds a level of formality and emphasis, making it suitable for headings and actions that need to stand out. Example: "Download Your Report Now"

We can even have a mix, for example, main headings can be title case and sub headings can be sentence case, but we need to be consistent with what style we are choosing for each type.

I've attached a few screenshots from the Quick Start Guide to explain this.

Screenshot 2024-02-01 at 10 54 56 24-9659bc6ad1507385ade6b5a5a2f31530 43-ff2f1759066d0e928740e079c6308c51