system

Terminal Grid

The design system behind this portfolio. Teal on black and the code look from the original site, boxy cells and hard shadows from Gumroad, light-from-dark data visuals from GitHub, calm image walls from Cosmos.

Colour

--bg#000000 · Page
--cell#0a0a0a · Cards & cells
--cell-raised#111111 · Hover fill
--line-strongrgba(255,255,255,.16) · Borders
--text#ffffff · Primary text
--text-2#a3a3a3 · Secondary text
--text-3#8f8f8f · Tertiary text
--teal#0ff4c6 · Accent, focus, data
--teal-2#00e0b3 · Pressed
--amber#ffe150 · "Now" / "new" only

Type

Display SAMUEL
H1 · Outfit 700 Systems, not screens
H2 · Outfit 600 Selected work
H3 · Outfit 600 Talk to Stino
H4 · Outfit 600 The challenge

Lead · Inter 18px. I design experiences that are fun, intuitive, and engaging.

Body · Inter 16px. Design should feel inevitable — like it couldn't have been any other way.

Label · JetBrains Mono caps Teal label

kicker_comment

HELLO_WORLD

Buttons

View my work Let's talk Live site (opens in a new tab)

Pills, chips and controls

client project E-commerce New

Open search Ctrl K · Chat Ctrl J

Cells and crosshairs

10+ Years
20+ Projects
26 Certifications
8,200+ AI art pieces

Cards

Card · link

Hover me

Lifts with the hard teal shadow.

Card · feature

Glow border

Conic highlight orbiting the edge.

Card · static

Plain cell

For content that isn't a link.

Frames

Talk to Stino home page with the clothing rack
Samuel Ministar

Table, progress, status

CertificationIssuerDate
Claude Platform 101AnthropicJul 2026
Gamification — Engaging UXIxDFDec 2024

Available for projects Now

pattern_s1 · pinned scene

The section stays.
The content moves.

step 01

tokens

Scroll keeps this frame pinned while its contents change.

step 02

components

Scroll keeps this frame pinned while its contents change.

step 03

page

Scroll keeps this frame pinned while its contents change.