PSM · cadangan reka bentuk web · web design proposal

One system Three sites

PSM already has a strong visual language — it just lives only on Instagram. These mockups carry that language onto the three websites, so the feed and the sites finally look like one organisation. Typography and the core palette are shared. Layout, density and the field colour are where each site is deliberately allowed to differ.

partisosialis.org sosialis.net thinkleft.net

The three sites

Existing IA, new skin

Kuasa Rakyat

Laman parti

partisosialis.org — the party’s own face. Scarlet field, maroon display type, no secondary accent. The boldest of the three, because it is the one making the ask: join, donate, find your branch.

Utama · Tentang Kami · Kenali Kami · Pencapaian Parti · Sertai Kami · Berita Terkini · Kedai · Hubungi Kami

Open mockup

Berita Rakyat

Bahasa Malaysia

sosialis.net — the busiest of the three, posting most days. Paper and newsprint grounds, black display with a red second line, and the densest grid, because this site’s job is volume.

Perspektif · Posisi PSM · Teori · Politik · Ekonomi · Budaya · Pekerja · Alam Sekitar · Nasional · Tempatan · Antarabangsa

Open mockup

Think Left

English

thinkleft.net — analysis and longer pieces. Mustard field, deep maroon type, far fewer items above the fold. The reading site, so it gets the most air.

Home · News · Letters from the Editor · About PSM · Contact

Open mockup

The shared palette

Merah PSM
#E02127

Scarlet
#ED3237

Maroon
#5C1518

Kertas
#E7DCC6

Mustard
#E9CE80

Dakwat
#141110

What is shared, what varies

Shared, no exceptions

  • Archivo Black for display, Archivo for everything else
  • The core palette above
  • The stacked two-line headline lockup
  • The mono caption block, letter-spaced and uppercase
  • Duotone photography and paper grain
  • Square corners. No rounding, no drop shadows
  • Language switcher in the same place on all three

Deliberately different

  • The field colour that dominates each page
  • Which colour the display type is set in
  • Grid: hero-led, dense news, or spacious essay
  • How many items sit above the fold
  • Masthead weight and how loud the call to action is
  • Duotone tint, matched to the field colour

Reading these. Each mockup keeps the site’s existing information architecture — the real menus, pulled from the live sites — so this is a question about look and feel, not about restructuring anything yet. Sample headlines and images are PSM’s own, taken from the live sites.

One thing to swap. The display face is Archivo Black, the closest free match to the type on the Instagram cards — if the feed uses a licensed face, name it and it goes in. The mark is PSM’s own logo-round asset, cut out of its white square so it sits on any of the three field colours.

On partisosialis.org the Berita Terkini block routes to the three news sites, which is what the heading there has always promised. Right now it shows the party site’s own posts from July 2025 instead.