CURATED · OPEN · FREE

099 Supply

A clean, systematic marketplace for 3D mockups and interactive components.

Design ToolsProductivityDeveloper ToolsCleanMinimal

↓ Download design system (2 MB)Open in OpenDesign

Visit: https://099.supply

📦 Browse pack contents →

Identity DNA

3D MockupsFramer ComponentsDigital AssetsUI KitDesign Supply

A digital warehouse for high-quality design assets.

Color

#101010Ink

#555555Ink soft

#FFFFFFBG

#999999Muted

rgba(224, 224, 224, 1)Line

Strictly achromatic, using pure black and grays to keep focus on the product renders.

Typography

monospaced

display54px · 400

All typography uses a single monospaced family. · Headings and UI labels are consistently uppercase. · Small text uses generous letter-spacing for legibility.

Spacing

4px

8px

12px

16px

24px

32px

40px

80px

Consistent 40px and 80px outer padding for main sections.

Surfaces

sm · 4px

md · 8px

lg · 8px

pill · 999px

1px solid #E0E0E0

0 1px 2px rgba(0,0,0,0.05)

Layout

1400container

5columns

24pxgutter

768 / 1024breakpoints

Responsive grid of equally sized cards.

Motion & Interaction

120msmicro

140mssmall

400msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Quick 120ms transitions for border and color changes. · Subtle opacity and color fades on interactive elements.

Subtle border-color or background-color changes. · Immediate visual feedback with fast transitions.

Components

button Outlined pill buttons with monospaced uppercase text.
card White cards with thin 1px borders, light hover states, and a bottom label bar.
chip Outlines only, used for top-level navigation.
input Simple outlined fields with monospaced text.
hero A dense grid of product cards, focusing on the asset over branding.

Voice & Don'ts

Tone Utilitarian, technical, and efficient.
Headlines Uppercase monospaced text, often with numerical prefixes.
CTAs Clear, bordered buttons or simple text links.

Don't use a serif font — screenshot shows exclusive use of monospaced type.
Don't use colorful backgrounds — screenshot shows a strict white and gray palette.
Don't use heavily rounded card corners — screenshot shows tight 8px radii.
Don't use drop shadows for depth — screenshot shows flat borders instead.
Don't use mixed typography weights — screenshot shows consistent 400 weight.
Don't use lowercase text for headers — screenshot shows all-caps UI labels.
Avoid: Decorative flourishes
Avoid: Rounded, friendly shapes
Avoid: Colorful gradients
Avoid: Serif typefaces

Inside the pack — real screenshots

099 Supply — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

099 Supply is a minimalist digital marketplace for design assets. Its visual DNA is defined by an achromatic palette (FFFFFF background, 101010 ink, 999999 muted, E0E0E0 line) and a strictly monospaced typographic system. All text is uppercase, creating a technical, systematic feel. The layout is a clean, responsive grid of white cards with thin 1px borders. Critical donts: never use a serif font, never introduce color, and never use heavy drop shadows. The brand positioning is technical and utilitarian, targeting designers who value precision and utility over decorative expression. Use generous letter-spacing for small text to maintain legibility in the monospaced system.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko