Make #matrix public rooms bold to make them stand out from the other public rooms. Ideally this would be metadata in /publicRooms to say something like 'featured channel', but for now, just make it a client side check.

webclient/app.css

@@ -269,6 +269,10 @@ a:active  { color: #000; }
     background-color: #faa;
 }
 
+.roomHighlight {
+    font-weight: bold;
+}
+
 /*** Participant list ***/
 
 #usersTableWrapper {

webclient/home/home.html

@@ -26,7 +26,10 @@
     
     <div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'">
         <div>
-            <a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" >{{ room.room_display_name }}</a>
+            <a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" 
+                ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'roomHighlight' : ''">
+                {{ room.room_display_name }}
+            </a>
         </div>
     </div>
     <br/>