Skip to Content
Design ToolsEmoticons

Emoticons

Inline quick-copy resources for use in the designer specifically, to flag and identify things visually.

  • Use in page names to visually identify pages such as:
    • Access-group-gated pages
    • Style guide pages
    • Special documentation pages, such as notes for clients or template users
  • Prefix class names, to visually identify:
    • Embeds used for custom CSS
    • Embeds used for SEO, e.g. JSON-LD
    • Admin elements
    • Hidden elements, e.g. modals
  • Prefix CMS collection names, to identify:
    • Admin collections
    • Secure data
  • Prefix CMS collection field names, or in descriptions, to identify:
    • Fields populated by automation

Examples

🔴  🟠  🟡  🟢  🔵  🟣  🟤     

🟥  🟧  🟨  🟩  🟦  🟪  🟫   

☢️  ⚠️  🚸   

  ☑️  ✔️      ✳️ 

📔  📕  📖  📗  📘  📙  📚  📓  📒 

Searchable Resources

https://emojipedia.org/symbols