Skip to content
All productsProduct 02 / 03
In use everywhere I publish

Stevenoumi

My personal brand, built and versioned like a product. One identity for everything I publish: this site, LinkedIn, GitHub, GitLab, my resume, my slides and my posts. A design system with tokens, React components and Canva templates, all from one source.

Brand board: the Stevenoumi emblem in the center, with the portrait card, the three colors, a LinkedIn post, the banner, the typefaces and stevenoumi.com
Role
Founder, designer and developer
Platform
Brand and design system
Since
2026
Status
In use everywhere I publish

What it does

  • 01

    One emblem, three colors

    Three drops for Design, Build and Run: night blue, cognac and lavender, every text pair checked for contrast.

  • 02

    A design system

    Design tokens, React components published as a shadcn registry, and written guidelines, versioned.

  • 03

    Templates for every support

    Banner, posts, slides and resume in Canva, built on the same tokens, so nothing starts from a blank page.

Screens

  • LinkedIn banner, README header, post, slide, resume header and Featured thumbnails in the same identity
    One identity, every support
  • The emblem: three drops for Design, Build and Run
    The emblem
  • Palette: night blue, cognac and lavender with their tints
    The colors
  • IBM Plex Sans Condensed and IBM Plex Sans, shapes and the tri-accent
    Type and details

How it’s built

W3C design tokens, built with Style Dictionary, feed Tailwind for this site and a React component library published as a shadcn registry. The Canva templates follow the same tokens, and CI checks the contrast of every text color.

  • Design tokens (W3C)
  • Style Dictionary
  • Next.js
  • Tailwind CSS
  • shadcn/ui
  • Canva
  • GitHub Actions
W3C design tokens built by Style Dictionary into CSS variables and a Tailwind theme for stevenoumi.com, and into React components published as a shadcn registry at brand.stevenoumi.com; the Canva templates use the same values; GitHub Actions checks contrast on every change and versions each release

Other products

  • LivOpty: the home screen, the budget and the grocery list on iPhone, next to the headline
    In daily use

    LivOpty

    Life together, organized: one app for the whole household.

  • Dream World Burger: the home page, the menu, order tracking, the cart and the admin tables around the title
    First app · 2024

    Dream World Burger

    My first web app, and the base of everything I built after.