Brands813
↑ ↓ to browse
View full design.md ↗
Onyx Coffee Lab· Retailonyxcoffeelab.com
Retail

Onyx Coffee Lab

Stark black ink on bone-white, Helvetica Neue at extended tracking, flat-zero decoration, specialty coffee authority through editorial restraint.

Color Palette18 tokens
background#ffffff
surface#eee9df
surface-alt#fbfaf3
ink#1a1a1a
ink-secondary#303030
ink-muted#767676
on-background#1a1a1a
on-surface#1a1a1a
primary#000000
on-primary#ffffff
primary-container#1a1a1a
text-hover#000000
focus-ring#1a1a1a
border#a9a9a9
border-subtle#d6d0c6
shadow-soft#d6d0c6
error#cc3333
success#2a7a4f
Buttons
TypographyGoogle Font
Interbrand uses Helvetica Neue
display-hero

The quick brown fox

72px · 300 · 6px
display

The quick brown fox

48px · 300 · 4px
heading-section

The quick brown fox

28px · 400 · 3px
heading-sub

The quick brown fox

18px · 400 · 2px
body-large

The quick brown fox

18px · 300 · 0.5px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Onyx Coffee Lab

Stark black ink on bone-white, Helvetica Neue at extended tracking, flat-zero decoration, specialty coffee authority thr…

Retail
none
sm
pill
Elevation
RING
CARD
ELEVATED
Controls
On
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
Onyx Coffee Lab
Stark black ink on bone-white, Helvetica Neue at extended tracking, flat-zero decoration, specialty coffee authority through editorial restraint.
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
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewOnyx Coffee Lab just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeRetailOnyx Coffee Lab
Menu
Profile
Settings
Billing
Sign out
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 Onyx Coffee Lab.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Onyx Coffee Lab tokens
export const theme = {
  primary: "#000000",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Onyx Coffee Lab does not persuade you with warmth or atmosphere. The site opens on a white page () and immediately announces its position: this is a laboratory, not a cafe. The gri…

Onyx Coffee Lab · Retail

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Equinox100%

shared styles: Bold, Dark, Editorial · same category: Retail

Fenty Beauty100%

shared styles: Bold, Dark, Editorial · same category: Retail

Youth to the People99%

shared styles: Bold, Dark, Editorial · same category: Retail

Gentle Monster87%

shared styles: Bold, Dark, Editorial · same category: Retail

Ganni85%

shared styles: Bold, Editorial, Minimal · same category: Retail

Telfar85%

shared styles: Bold, Editorial, Minimal · same category: Retail