Skip to content

Instantly share code, notes, and snippets.

@ViniciusGibran
Last active October 12, 2024 16:39
Show Gist options
  • Select an option

  • Save ViniciusGibran/a501fc7a35b3def85b679c7fe153f5d4 to your computer and use it in GitHub Desktop.

Select an option

Save ViniciusGibran/a501fc7a35b3def85b679c7fe153f5d4 to your computer and use it in GitHub Desktop.

Revisions

  1. ViniciusGibran revised this gist Oct 12, 2024. No changes.
  2. ViniciusGibran revised this gist Oct 11, 2024. No changes.
  3. ViniciusGibran renamed this gist Oct 7, 2024. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  4. ViniciusGibran created this gist Oct 7, 2024.
    288 changes: 288 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,288 @@
    ## **Emoji Suggestions for Navigation Buttons and Features**

    ### **1. Navigation Buttons for Sheets**

    1. **Dashboard**
    - **Emoji**: 🏠
    - **Description**: Represents the home or main hub of your app.

    2. **Fixed Bills**
    - **Emoji**: πŸ“‘
    - **Alternative Emojis**: πŸ’‘ (Light Bulb), πŸ’Έ (Money with Wings)
    - **Description**: Symbolizes documents or bills.

    3. **Catalog Renewals**
    - **Emoji**: πŸ›οΈ
    - **Alternative Emojis**: πŸ“¦ (Package), πŸ‘— (Dress)
    - **Description**: Represents shopping or inventory.

    4. **Daily Sales Log**
    - **Emoji**: πŸ“ˆ
    - **Alternative Emojis**: πŸ’Ή (Chart Increasing with Yen), πŸ’° (Money Bag)
    - **Description**: Indicates growth or sales data.

    5. **Investments**
    - **Emoji**: πŸ’°
    - **Alternative Emojis**: πŸ“Š (Bar Chart), 🌱 (Seedling)
    - **Description**: Symbolizes money or financial growth.

    6. **Monthly Summary**
    - **Emoji**: πŸ“Š
    - **Alternative Emojis**: πŸ“† (Calendar), 🧾 (Receipt)
    - **Description**: Represents summaries or reports.

    7. **Archives**
    - **Emoji**: πŸ“š
    - **Alternative Emojis**: πŸ—„οΈ (File Cabinet), πŸ—‚οΈ (Card Index Dividers)
    - **Description**: Symbolizes stored records or past data.

    ---

    ### **2. Action Buttons and Functions**

    1. **Confirm Purchase**
    - **Emoji**: βœ…
    - **Alternative Emojis**: πŸ›’ (Shopping Cart), βœ”οΈ (Check Mark)
    - **Description**: Indicates confirmation or completion.

    2. **Mark as Paid**
    - **Emoji**: πŸ’΅
    - **Alternative Emojis**: βœ… (Check Mark), βœ”οΈ (Check Mark)
    - **Description**: Represents payment or settling a bill.

    3. **Close Month**
    - **Emoji**: πŸ”’
    - **Alternative Emojis**: πŸ“… (Calendar), 🏁 (Finish Flag)
    - **Description**: Symbolizes ending a period or securing data.

    4. **Refresh Data**
    - **Emoji**: πŸ”„
    - **Alternative Emojis**: ♻️ (Recycle Symbol)
    - **Description**: Represents updating or refreshing information.

    ---

    ### **3. Status Indicators**

    1. **Paid**
    - **Emoji**: βœ…
    - **Alternative Emojis**: πŸ’΅ (Dollar Bills), βœ”οΈ (Check Mark)
    - **Description**: Indicates completion or confirmation.

    2. **Unpaid**
    - **Emoji**: ⏳
    - **Alternative Emojis**: πŸ• (Clock), ❗ (Exclamation Mark)
    - **Description**: Represents pending status.

    3. **Overdue**
    - **Emoji**: πŸ”΄
    - **Alternative Emojis**: ⚠️ (Warning Sign), β›” (No Entry Sign)
    - **Description**: Indicates urgency or an issue requiring attention.

    4. **Upcoming**
    - **Emoji**: πŸ“…
    - **Alternative Emojis**: ⏰ (Alarm Clock), πŸ—“οΈ (Spiral Calendar)
    - **Description**: Represents future events or deadlines.

    5. **Confirmed**
    - **Emoji**: βœ…
    - **Alternative Emojis**: πŸ‘ (Thumbs Up), βœ”οΈ (Check Mark)
    - **Description**: Indicates that an action has been completed.

    6. **Not Confirmed**
    - **Emoji**: ❌
    - **Alternative Emojis**: 🚫 (Prohibited Sign), πŸ”„ (Arrows Circle)
    - **Description**: Represents that action is pending or not completed.

    ---

    ### **4. Financial Metrics**

    1. **Revenue**
    - **Emoji**: πŸ’°
    - **Alternative Emojis**: πŸ“ˆ (Chart Increasing), πŸ’΅ (Dollar Bills)
    - **Description**: Symbolizes income or money coming in.

    2. **Expenses**
    - **Emoji**: πŸ’Έ
    - **Alternative Emojis**: πŸ“‰ (Chart Decreasing), 🧾 (Receipt)
    - **Description**: Represents money going out or costs.

    3. **Net Profit**
    - **Emoji**: πŸ€‘
    - **Alternative Emojis**: πŸ’Ή (Chart Increasing with Yen), πŸ“ˆ (Chart Increasing)
    - **Description**: Indicates overall financial gain.

    4. **Investments**
    - **Emoji**: 🌱
    - **Alternative Emojis**: πŸ“ˆ (Chart Increasing), πŸ’° (Money Bag)
    - **Description**: Symbolizes growth or funds allocated for future gain.

    ---

    ### **5. Time and Currency**

    1. **Brazil Time**
    - **Emoji**: πŸ‡§πŸ‡·
    - **Alternative Emojis**: πŸ•’ (Clock), ⏰ (Alarm Clock)
    - **Description**: Represents Brazil's time zone.

    2. **Portugal Time**
    - **Emoji**: πŸ‡΅πŸ‡Ή
    - **Alternative Emojis**: πŸ•’ (Clock), ⏰ (Alarm Clock)
    - **Description**: Represents Portugal's time zone.

    3. **Currency Exchange**
    - **Emoji**: πŸ’±
    - **Alternative Emojis**: πŸ’² (Heavy Dollar Sign), πŸ’Ή (Chart Increasing with Yen)
    - **Description**: Symbolizes currency conversion or exchange rates.

    ---

    ### **6. General Icons for Additional Use**

    1. **Warning or Alert**
    - **Emoji**: ⚠️
    - **Alternative Emojis**: ❗ (Exclamation Mark), πŸ”” (Bell)
    - **Description**: Indicates caution or requires attention.

    2. **Information**
    - **Emoji**: ℹ️
    - **Alternative Emojis**: πŸ›ˆ (Circled Information Source)
    - **Description**: Represents helpful information or tips.

    3. **Settings**
    - **Emoji**: βš™οΈ
    - **Alternative Emojis**: πŸ”§ (Wrench), πŸ› οΈ (Hammer and Wrench)
    - **Description**: Symbolizes configuration or preferences.

    4. **Help or Support**
    - **Emoji**: ❓
    - **Alternative Emojis**: πŸ†˜ (SOS Button), πŸ›ŽοΈ (Bellhop Bell)
    - **Description**: Indicates assistance or help is available.

    5. **Success**
    - **Emoji**: πŸŽ‰
    - **Alternative Emojis**: πŸ† (Trophy), πŸ₯‡ (First Place Medal)
    - **Description**: Represents achievement or completion.

    6. **Failure or Error**
    - **Emoji**: ❌
    - **Alternative Emojis**: πŸ”΄ (Red Circle), 🚫 (No Entry Sign)
    - **Description**: Indicates an error or unsuccessful action.

    ---

    ### **7. Miscellaneous**

    1. **Refresh or Update**
    - **Emoji**: πŸ”„
    - **Description**: Represents refreshing data or reloading information.

    2. **Archive**
    - **Emoji**: πŸ“¦
    - **Alternative Emojis**: πŸ—„οΈ (File Cabinet), πŸ“š (Books)
    - **Description**: Symbolizes storing or archiving data.

    3. **Logout or Exit**
    - **Emoji**: πŸšͺ
    - **Alternative Emojis**: πŸ”š (End Arrow)
    - **Description**: Represents leaving or closing the application.

    4. **User or Profile**
    - **Emoji**: πŸ‘€
    - **Alternative Emojis**: πŸ™β€β™‚οΈ (Man Frowning), πŸ™β€β™€οΈ (Woman Frowning)
    - **Description**: Represents user account or profile settings.

    ---

    ## **How to Use Emojis in Your Application**

    - **Navigation Buttons**: Include the appropriate emoji before the text on each button to visually represent the sheet or function.

    - **Example**:
    - **Button Text**: 🏠 Dashboard

    - **Status Indicators**: Use emojis in status columns or next to status text to quickly convey the status visually.

    - **Example**:
    - **Payment Status**: βœ… Paid or ⏳ Unpaid

    - **Action Buttons**: Add emojis to action buttons to indicate their purpose.

    - **Example**:
    - **Button Text**: βœ… Confirm Purchase

    - **Time and Currency Sections**: Use flags or currency symbols to represent different time zones or currencies.

    - **Example**:
    - **Time Display**: πŸ‡§πŸ‡· Brazil Time: 10:00 AM

    - **Financial Metrics**: Include relevant emojis next to metric titles for quick recognition.

    - **Example**:
    - **Metric**: πŸ’° Total Revenue: $50,000

    ---

    ## **Implementing Emojis in Specific Areas**

    ### **Navigation Menu Example**

    - **🏠 Dashboard**
    - **πŸ“‘ Fixed Bills**
    - **πŸ›οΈ Catalog Renewals**
    - **πŸ“ˆ Daily Sales Log**
    - **πŸ’° Investments**
    - **πŸ“Š Monthly Summary**
    - **πŸ“š Archives**

    ### **Action Buttons Example**

    - **βœ… Confirm Purchase**
    - **πŸ’΅ Mark as Paid**
    - **πŸ”’ Close Month**
    - **πŸ”„ Refresh Data**

    ### **Status Column Example**

    - **Payment Status**:
    - **Paid**: βœ…
    - **Unpaid**: ⏳
    - **Overdue**: πŸ”΄
    - **Purchase Confirmed?**:
    - **Yes**: βœ…
    - **No**: ❌

    ### **Financial Metrics Example**

    - **πŸ’° Total Revenue**: $50,000
    - **πŸ’Έ Total Expenses**: $30,000
    - **πŸ€‘ Net Profit**: $20,000
    - **🌱 Investments**: $5,000

    ### **Time and Currency Example**

    - **Time Zones**:
    - **πŸ‡§πŸ‡· Brazil Time**: [Time]
    - **πŸ‡΅πŸ‡Ή Portugal Time**: [Time]
    - **Currency Exchange**:
    - **πŸ’± EUR to BRL**: [Exchange Rate]

    ---

    ## **Considerations When Using Emojis**

    1. **Clarity**: Choose emojis that clearly represent the concept or function to avoid confusion.

    2. **Consistency**: Use the same emoji to represent the same concept throughout the application.

    3. **Accessibility**: Be aware that emojis may render differently on different devices or platforms. Stick to standard emojis for broader compatibility.

    4. **Professionalism**: While emojis add a friendly touch, ensure they fit the professional context of your application.

    5. **Placement**: Position emojis before the text they describe for better readability.

    6. **Size and Formatting**: Emojis can be adjusted in size when used in shapes or drawings, but within cells, they will match the font size.

    ---