Design

Mike Matas

Editorial monochrome portfolio — a chronological text-list of work set in clean Helvetica-style sans on near-white paper, with near-black ink, generous line spacing, and zero chrome. Imagery lives in hover/expand states; the resting page is pure typography.

Color Palette16 tokens

background#ffffff

surface#fafafa

surface-soft#f8f8f8

ink#181818

ink-pure#000000

ink-secondary#333333

ink-muted#666666

ink-faint#999999

border#e6e6e6

border-soft#efefef

primary#0073e6

link#0073e6

on-primary#ffffff

on-ink#ffffff

overlay-dark#101010

overlay-ink#ffffff

Buttons

no button tokens

TypographyGoogle Font

Interbrand uses Helvetica Now Display

display-hero

The quick brown fox

48px · 500 · -1.4px

page-title

The quick brown fox

36px · 500 · -0.9px

project-title

The quick brown fox

24px · 500 · -0.4px

list-item

The quick brown fox

20px · 400 · -0.2px

body-large

The quick brown fox

20px · 400 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Mike Matas

Editorial monochrome portfolio — a chronological text-list of work set in clean Helvetica-style sans on near-white paper…

Design

none

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Mike Matas

Editorial monochrome portfolio — a chronological text-list of work set in clean Helvetica-style sans on near-white paper, with near-black ink, generous line spacing, and…

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeDesignMike Matas

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Mike Matas.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Mike Matas tokens
export const theme = {
  primary: "#0073e6",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

Mike Matas's portfolio is the design language of someone who shaped Apple's iOS interface and Facebook's Paper — applied, with discipline, to the act of presenting himself. The res…

Mike Matas · Design