미래를 위한 Firefox 디자인

• Firefox의 새 디자인 Project Nova는 기존 브라우저를 대체하지 않고, 더 일관되고 깔끔한 기반으로 Firefox를 정비하는 작업임
• 개인정보 보호 기능을 더 앞에 배치해 내장 무료 VPN, 사생활 보호 브라우징, 데이터 선택, AI 기능 끄기를 찾기 쉽게 만듦
• 추적기 차단과 속도를 상충시키지 않고 핵심 콘텐츠를 먼저 처리하며, 지난 1년간 핵심 페이지 로딩 시간이 9% 개선됨
• 탭 그룹, 분할 보기, 세로 탭 접근성을 높이고 사용자 요청에 따라 compact mode를 다시 제공해 작업 흐름을 개선함
• 둥근 구성 요소, 새 아이콘·색상·문구, 테마와 접근성 고려를 공유 디자인 시스템으로 묶어 데스크톱과 모바일의 일관성을 높임

---

Project Nova의 방향

• Firefox의 최근 디자인과 디자인 시스템 개편은 더 일관된 기반 위에서 브라우저를 깔끔하고 따뜻하며 빠르고 적응 가능하게 만드는 데 초점을 둠
• 내부 명칭은 Project Nova이며, 기존 Firefox를 대체하는 새 브라우저가 아니라 기존 요소를 정비하는 작업임
• 새 디자인은 올해 말 출시될 예정이며, 사용자에게는 계속 Firefox로 제공됨
• Firefox는 선택 시점부터 개인정보 보호와 명확한 데이터 관행을 기본값으로 제공하는 브라우저를 지향함
• 새 디자인은 내장 무료 VPN과 사생활 보호 브라우징 같은 기능을 더 찾기 쉽고 쓰기 쉽게 만듦
• 설정 화면은 데이터 관련 선택을 더 쉽게 이해하고 실행할 수 있도록 재설계됨
• AI 기능을 완전히 끄는 제어, 더 쉬운 문구, 사용자가 원하는 보호와 사용성 균형에 맞춘 Enhanced Tracking Protection 조정이 포함됨

속도, 작업 흐름, 인터페이스

• Firefox는 추적기를 차단할 때 페이지 로딩도 빨라지며, 개인정보 보호와 속도를 상충 관계로 보지 않음
• 페이지의 핵심 콘텐츠를 주변의 선택적 요소보다 먼저 우선 처리하며, 지난 1년 동안 핵심 페이지 콘텐츠의 로딩 시간이 9% 개선됨
• 새 디자인은 탭 그룹, 분할 보기, 세로 탭 접근성을 높여 생산성 기능을 더 쉽게 사용할 수 있게 함
• 사용자의 요청에 따라 compact mode가 다시 제공되며, 브라우저 제어 요소를 최대한 압축해 쓰고 싶은 사용자에게 맞춰짐
• Firefox 디자인은 현대적으로 보이되 일반적이지 않고, 따뜻하지만 정밀하며, 더 표현력 있지만 웹 자체보다 두드러지지 않는 방향을 목표로 함
• 탭은 더 부드러운 형태와 은은한 그라데이션을 가지며, 활성 탭의 존재감을 높이고 브라우저 크롬 주변에 빛의 느낌을 더함
• 패널, 메뉴, 설정, 브라우저 제어는 같은 시스템의 일부처럼 느껴지도록 더 둥글고 일관된 구성 요소로 바뀜
• 아이콘은 라이트·다크 테마 전반에서 더 깔끔하고 균형 있게 보이도록 업데이트되어, 시각적 소음을 늘리지 않고 빠른 인식을 돕게 됨
• 인터페이스 전반의 간격은 브라우저를 오래 사용하는 환경을 고려해 다시 조정됨
• 새 색상 팔레트는 불의 느낌에서 영감을 받아 활성 탭 주변의 빛, 짙은 연기빛 보라색, 따뜻함을 더하는 밝은 톤을 포함함
• Firefox의 문구는 더 직접적이고 인간적이며, 때로 더 장난스럽거나 불같은 톤을 쓰되 진정성을 유지하는 방향으로 바뀜
• 재사용 가능한 토큰, 구성 요소, 패턴, 공유 디자인 언어는 새 기능이 덧붙여진 것처럼 보이지 않고 통합된 느낌을 주도록 Firefox를 발전시키기 쉽게 만듦
• 개편은 데스크톱에서 가장 눈에 띄지만, 공유 색상·아이콘·문구·디자인 기반을 통해 모바일에서도 더 일관된 Firefox 경험을 제공함
• Firefox는 오픈소스 DNA를 가진 커스터마이징 가능한 브라우저로서 새 테마와 배경화면을 추가함
• 시간이 지나며 탭, 구성 요소, 관련 시각 처리 등 인터페이스 형태를 조정하는 제어도 더 탐색 중임
• 접근성은 커스터마이징의 핵심 요소로 다뤄지며, 대비, 가독성, 포커스 상태, 키보드 동작, 대상 크기, 시스템 설정, 시각적 편안함, 테마와 창 전반의 인터페이스 동작을 고려함
• 다크 모드는 많은 사용자에게 단순한 취향이 아니라 기본 환경이며, 일부에게는 눈의 피로를 줄이는 수단이고 다른 사용자에게는 더 넓은 시스템 설정의 일부임
• Firefox는 전 세계 기여자와 지지자의 도움을 받아 공개적으로 만들어져 왔으며, 사용자는 브라우저를 만들고 테스트하고 확장하고 개선하는 과정에 참여함
• 새 디자인 시스템은 아직 형성 중이며, 무엇이 잘 맞고 무엇이 방해가 되는지에 대한 피드백을 계속 받는 상태임
• Mozilla는 Project Nova에 대한 의견을 Mozilla Connect에서 받고 있음

[GN⁺]

Lobste.rs 의견들

• 컴팩트 모드에서는 적어도 “탭/주소 표시줄이 떨어져 떠 있는 섬” 같은 헛짓은 안 생길 듯함

  • 지난 몇 년 동안 왜 분리형 스타일이 유행하는지 이해하려고 애썼지만, 특히 Apple의 Liquid Glass는 너무 명백하게 잘못됐다고 느낌
    시각적 위계가 나쁘고 완전히 오해를 부르며, 공간도 꽤 많이 낭비함
    Firefox의 새 분할 구조에서는 전통적인 시각 위계에도 문제가 있어서 곰곰이 생각해 보면 Firefox에 한해서는 정당한 논거가 있다고 마지못해 인정하겠지만, 그래도 대부분의 적용 사례는 그냥 멍청해 보임
    무슨 생각으로 이런 걸 만드는지 정말 알고 싶음
    예를 들면 https://apple.com/newsroom/2025/… 에서 이 이미지의 왼쪽 사이드바가 안쪽으로 들어가 있는 것은 그냥 잘못됐고, 뒤쪽 영상은 좌우 불일치가 우스꽝스러우며, 끝부분의 Messages 스크린샷은 안쪽으로 들어간 왼쪽 사이드바의 부조리를 더 잘 보여줌. 제시된 정보 위계를 생각해 보면 됨

• 제목을 보고 겁먹은 채 탭을 열었는데, 주로 별로 신경 안 쓰이는 것들이 보여서 꽤 기분 좋은 놀라움이었음
  비꼬는 게 아니라, 요즘 “미래를 위한 디자인” 같은 말을 보면 재앙을 예상하게 됨

• 이미 충분히 기능적이고 현대적인데 굳이 UI 재설계를 할 필요가 있는지는 잘 모르겠음. 그래도 아마 일주일쯤 지나면 익숙해질 듯함

• Mozilla는 지난 15년 동안 디자인 관련 일을 너무 못해 와서 이제 웃기지도 않을 정도임. 이 새 디자인 시스템도 벌써 낡아 보임

  • Mozilla는 사용자층이 줄어드는 문제가 있고, 그래서 점점 더 많은 사용자가 오래 써 왔고 익숙해졌으며 지금 모습 그대로를 좋아하는 사람들로 남게 됨
    Mozilla는 기존의 자기선택된 사용자층을 붙잡는 것과, 아직 Firefox를 쓰지 않는 더 넓은 대중에게 어필하려는 새 시도를 하는 것 사이에 끼어 있음
  • 정말? 지금은 브라우저 크롬 영역이 너무 최소화돼서 나쁘다고 할 만한 디자인 자체가 거의 떠오르지 않음
    특히 새 세로 컴팩트 탭을 쓰면 브라우저 전체가 위쪽의 얇은 주소 표시줄과 왼쪽의 얇은 탭 표시줄 정도가 됨. 뭐가 그렇게 우스울 정도로 나쁜지 모르겠음

• 꼰대처럼 구름에 소리치는 사람이 되겠지만, 왜 Mozilla는 십대처럼 최신 디자인 유행을 쫓아야 한다고 느끼는지 모르겠음
  Chrome을 쓰고 싶진 않지만, 적어도 더 일관되고 핵심에 집중한 모습임. 떠 있는 UI는 분노를 유발함
  /r/unixporn을 너무 많이 보다가 i3-gaps 쓰는 사람이 많다는 걸 본 건가? 이미 주소 표시줄과 메인 창 사이에 여백이 있는데 왜 더 필요함?
  터미널에서도 테두리 주변에 낭비되는 공간이 없도록 완벽한 글꼴 크기를 고르는 사람으로서 하는 말임

  • Mozilla가 공개적으로 말할 수 없는 문제가 있기 때문임. 그들의 목적은 Google이 독점 권력 때문에 분할되는 것을 막는 것임
    모든 것이 거기서 따라옴
    공익에 헌신하는 재단이 운영하는 Firefox 조직이라면 어떤 모습일까?

• 그라데이션과 “빛나는” 그림자를 만지는 유행은 한때 꽤 좋아 보였지만, 이제는 AI 생성 CSS의 티가 나는 신호가 됐음
  Claude에게 “웹사이트를 만들어 달라”고 하면 아주 비슷한 결과가 나옴. 나쁘게 보이진 않지만, 그 맥락 때문에 싸구려처럼 느껴져 싫어하게 됨

• “미래”가 스큐어모피즘이던 때가 있었고, 유리 위 그림자와 둥근 모서리이던 때도 있었음
  미래가 평평하고 뾰족하던 때, 밝은 색이던 때, 파스텔이던 때도 있었고, 유리 위 그림자가 다시 돌아오기도 했음
  최근에는 주기가 점점 짧아지는 것 같음
  이것도 지나갈 것임

• 기본 브라우저 크롬에 칙칙한 회색만 두지 않고 색상 포인트를 넣어 보는 건 마음에 듦
  내 기기에서는 아마 끌 것 같지만, 새 색상 조합 덕분에 Firefox가 꽤 독특해 보일 거라는 점은 인정함
  “컴팩트 모드를 다시 가져옵니다. 사람들이 그리워한다고 했고, 우리는 들었습니다. 브라우저 컨트롤을 최대한 조밀하게 쓰고 싶다면 이 모드가 당신을 위한 것입니다.”
  정말 멋짐. 오래전부터 폐기 예정이던 컴팩트 모드를 계속 써 왔는데, 공식적으로 돌아온다니 반가움

• “컴팩트 모드를 다시 가져옵니다. 사람들이 그리워한다고 했고, 우리는 들었습니다. 브라우저 컨트롤을 최대한 조밀하게 쓰고 싶다면 이 모드가 당신을 위한 것입니다.”
  이건 진심으로 고맙지만, 사실 완전히 제거된 적은 없었음
  about:config에서 browser.compactmode.show를 true로 설정한 뒤 “도구 모음 사용자 지정”에서 다시 켤 수 있었음
  다만 새 디자인의 컴팩트 모드가 현재 버전의 “지원되지 않는” 컴팩트 모드만큼 조밀하길 정말 바람

• Tree Style Tab이 답임. 이 쓰레기를 숨기고 Tree Style Tab을 쓸 수만 있다면, Mozilla가 얼마나 망쳐도 상관없음