Invite people to a space

Manage plan & billing

Use 3D viewer tools

Search for spaces and files

Bookmark a space

Shared With Me vs Organization Spaces

Schedule a meeting

View events on the calendar

View meetings on the dashboard

Space settings overview

Change camera type

Take measurements and change precision

Chat in a space

Threads overview

Troubleshooting access and permissions

Manage sharing and general link access

Update your profile

Change notification settings

Log out of CADchat

Manage organization profile

Manage organization users

Troubleshooting 3D navigation

Troubleshooting blank pages

Restore a deleted space (Trash)

Understand the space layout

Use the Documents tab

Work with DXF and DWG layers

Manage document files

Use the Whiteboard tab

Use the Meeting tab in a space

Start an ad hoc meeting with the Meet button

View assembly details

Permission levels in CADchat

User Preferences

Use the 3D canvas context menu

Interact with 3D model parts

Upload a 3D model file to a space

Create a space

Manage spaces in your organization

Set up your team as a GoEngineer customer

Organizations and Spaces

Invite members at the organization level

Find your way around

Work with the 3D canvas

Getting Started

Navigation & Workspaces

Meetings & Calendar

3D Viewer & Collaboration

Chat, Threads & Comments

Files & Models

Sharing & Permissions

Account & Notifications

Organization & Admin Settings

Troubleshooting

Spaces — Layout & Navigation

Documents Tab

Whiteboard

Meetings in Spaces

<h2>Log out</h2><ol><li>Click your <strong>initials icon</strong> in the top right corner of any page.</li><li>Click <strong>Logout</strong>.</li></ol><figure class="image"><img src="https://cdn-assets.productfruits.com/f0a34b62-6e65-4281-bf6d-3ba02d432801"></figure><hr><h2>Tips and edge cases</h2><ul><li>Logging out ends your session on that browser and device.</li><li>Any in-progress unsent messages may be lost, send or discard them before logging out.</li><li>To log back in, go to <a href="https://app.cadchat.com">app.cadchat.com</a>.</li><li>If you're automatically logged back in, your browser may have saved your credentials. Clear saved passwords in your browser settings to switch accounts.</li></ul><hr><h2>Related articles</h2><ul><li><a href="https://help.cadchat.com/en/article/update-your-profile" target="_blank" rel="noopener noreferrer">Update your profile</a></li><li><a href="https://help.cadchat.com/en/article/change-notification-settings" target="_blank" rel="noopener noreferrer">Change notification settings</a></li></ul>

Go back to application

<style>
  :root {
    --cc-surface:    #FFFFFF;
    --cc-ink:        #1A1523;
    --cc-ink-2:      #5E5870;
    --cc-rule:       #E4E0EC;
    --cc-violet:     #5B2A86;
    --cc-violet-up:  #7A4BB8;
    --cc-radius:     6px;
  }

  /* ---- 1. Homepage category tiles ---------------------------------------- */
  .top-categories > a {
    position: relative;
    border-left: 3px solid var(--cc-violet) !important;
    border-radius: var(--cc-radius) !important;
    box-shadow: 0 4px 16px rgba(30,18,41,.18);
    transition: transform .16s ease, box-shadow .16s ease;
  }
  .top-categories > a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(30,18,41,.26);
  }
  .top-categories > a::after {
    content: "→";
    position: absolute;
    right: 16px; top: 50%;
    transform: translateY(-50%);
    color: var(--cc-violet);
    opacity: .5;
    transition: opacity .16s ease, transform .16s ease;
  }
  .top-categories > a:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(3px);
  }

  /* ---- 2. Featured articles: one column → two ----------------------------
     The cards are direct children of this flex container, so it converts to a
     grid cleanly. space-y-4 adds a top margin to each child, which grid gap
     replaces — hence the margin reset.                                       */
  div.flex.flex-col:has(> a[href*="/article/"] > h2) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 14px;
    align-items: stretch;
  }
  div.flex.flex-col:has(> a[href*="/article/"] > h2) > * + * {
    margin-top: 0 !important;
  }

  /* Widen the featured section so it lines up with the category row above.
     DELETE THIS RULE to keep the original narrower column.                   */
  div.max-w-3xl:has(a[href*="/article/"] > h2) {
    max-width: 64rem;
  }

  /* ---- 3. Featured article cards ----------------------------------------- */
  a[href*="/article/"]:has(> h2) {
    position: relative;
    display: block;
    height: 100%;
    background: var(--cc-surface);
    border: 1px solid var(--cc-rule);
    border-left: 3px solid var(--cc-violet);
    border-radius: var(--cc-radius);
    box-shadow: 0 1px 2px rgba(30,18,41,.05);
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  }
  a[href*="/article/"]:has(> h2):hover {
    transform: translateY(-2px);
    border-color: var(--cc-violet-up);
    box-shadow: 0 6px 20px rgba(30,18,41,.14);
  }
  a[href*="/article/"]:has(> h2):focus-visible {
    outline: 2px solid var(--cc-violet);
    outline-offset: 3px;
  }

  /* Corner registration ticks — a nod to drawing sheets. Hover only. */
  a[href*="/article/"]:has(> h2)::before,
  a[href*="/article/"]:has(> h2)::after {
    content: "";
    position: absolute;
    width: 9px; height: 9px;
    opacity: 0;
    transition: opacity .16s ease;
    pointer-events: none;
  }
  a[href*="/article/"]:has(> h2)::before {
    top: 6px; left: 6px;
    border-top: 1.5px solid var(--cc-violet-up);
    border-left: 1.5px solid var(--cc-violet-up);
  }
  a[href*="/article/"]:has(> h2)::after {
    bottom: 6px; right: 6px;
    border-bottom: 1.5px solid var(--cc-violet-up);
    border-right: 1.5px solid var(--cc-violet-up);
  }
  a[href*="/article/"]:has(> h2):hover::before,
  a[href*="/article/"]:has(> h2):hover::after { opacity: 1; }

  /* ---- 4. Card typography ------------------------------------------------- */
  a[href*="/article/"]:has(> h2) > h2 {
    color: var(--cc-ink);
    letter-spacing: -0.01em;
    margin-bottom: 6px;
  }
  a[href*="/article/"]:has(> h2) > p {
    color: var(--cc-ink-2);
    line-height: 1.55;
  }

  /* ---- 5. Article body links ---------------------------------------------- */
  article a, .article a { color: var(--cc-violet); }

  @media (prefers-reduced-motion: reduce) {
    .top-categories > a,
    a[href*="/article/"]:has(> h2) { transition: none !important; }
    .top-categories > a:hover,
    a[href*="/article/"]:has(> h2):hover { transform: none; }
  }
</style>

Was this article helpful?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.

Please check your email for instructions to reset your password.

Check your email

Enter your email address and we will send you instructions to reset your password.