Rukn Systems

Bold portfolio site for a fictional brand and product studio.

Pixelcraft

2025Studio siteDemo
rukn.systems
Pixelcraft desktop screenshot

The brief

A studio site built to test how much character can be carried by typography alone. The brief: minimal imagery, maximum personality — communicate taste in five seconds, not fifty screens.

Design decisions

What we chose, and why.

  1. 01

    Type as the hero

    No portfolio thumbnails in the hero. A single headline with italics, an underline, and a serif/roman mix carries the entire first screen.

  2. 02

    Transparent pricing on services

    Most studio sites force a discovery call. This one shows starting prices (€18k brand, €25k website) so cold leads self-qualify before reaching the inbox.

  3. 03

    Four-week process, week by week

    Showed the actual cadence — "Week 1: Discover, Week 4: Deliver" — instead of a vague "we collaborate closely" pitch.

  4. 04

    Editorial rhythm, not SaaS rhythm

    Full-width quote band, asymmetric service rows, generous tracking on numerals — closer to a printed magazine than a product landing page.

Screenshots

Desktop and mobile, as it ships.

rukn.systems
Pixelcraft desktop screenshot
Pixelcraft mobile screenshot

What's not in scope

Marketing surface only. No CMS, no live portfolio feed, no inquiry form — this is a single-route demo of voice and layout.

Tech stack

Built with.

  • Next.js 14
  • React 18
  • Tailwind CSS
  • Vercel