TriAccent

Three short bars in the axis colors. The only separator of the brand.

Rules

Under a title, never in the middle of text.
Replaces every full-width divider line.
It scales with the title: 24 × 3 under a section title, 40 × 5 under a name or a 60 px headline (TemplateTri in templates).
On a dark background use the dark signatures (TemplateTri tone="dark"), the light ones disappear.

Installation

Once the theme is installed:

npx shadcn@latest add https://brand.stevenoumi.com/r/tri-accent.json

Props

Prop

Type

On the brand page: Under every title, headers, templates.

Emblem

The logo: three drops for Design, Build and Run. Solid, tint, dark, or automatic with the theme.

LinkedInLogo

The LinkedIn logo. It replaces the word LinkedIn before @stevenoumi.

On this page

Rules Installation Props