PostHog / PostHog/posthog.com

Improve desktop icon visibility

Open
#19,148 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design website
Dominant language
TypeScript
Stars
1.1k
Forks
907
Avg merge
1d 16h
Merged PRs (30d)
430

Description

Problem

The new desktop icons on the homepage look great, but there's concern they read as part of the desktop background rather than as clickable elements. The glass effect makes them low-contrast, and the demo video is the only icon shown in full color. Heatmap data so far seems to back this up — the glassy icons are getting comparatively little engagement.

This matters because the desktop icons are currently the only route to the self-driving page (it's not in the nav).

Suggested change to explore

Improve icon visibility — the glass effect reduces contrast against the background so the icons don't obviously read as clickable. Explore higher-contrast / more color treatment so they clearly look interactive.

Best solution TBD — flagging for design/UX exploration.

Reference

Raised in #team-website-and-docs discussion.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the homepage desktop-icon entry point and review how the icons lead to the self-driving page. Use the linked heatmap as context; done means the icons have visibly stronger contrast or color treatment and clearly read as clickable without making the final design decision in advance.

Written by the indexing model from the issue text.

Assessment

Tech stack
tailwindcss, typescript
Domain
design, frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.