94 lines
3.3 KiB
Markdown
94 lines
3.3 KiB
Markdown
---
|
|
name: openmarketui-design
|
|
description: >
|
|
Design system for OpenMarketUI - Signet AI's algorithmic trading toolkit. Use when building or designing any OpenMarketUI assets: landing pages, marketing materials, brand identities, UI components, documentation. This skill captures the refined, monochromatic aesthetic with extreme restraint. Key principles: opulence through minimalism, technical sophistication without arrogance, craft over speed. When in doubt, ask "what would Nicholai do?"
|
|
---
|
|
|
|
# OpenMarketUI Design System
|
|
|
|
A Signet AI company. Building the safest algorithmic trading toolkit with guardrails and intelligence.
|
|
|
|
## The Core Principle
|
|
|
|
**Taste requires restraint.**
|
|
|
|
When designing, strip back until it feels almost too simple - until it borders on bland. Then refine. The confidence is in what's NOT there.
|
|
|
|
## Visual Language
|
|
|
|
### Palette
|
|
- **Monochromatic only** - black ink on pure white
|
|
- No colors. No gradients. No exceptions.
|
|
- High contrast, crisp edges
|
|
|
|
### Typography
|
|
- Clean sans-serif (Inter, IBM Plex, system fonts)
|
|
- Hierarchy through weight, not font changes
|
|
- Bold for primary, light for secondary
|
|
- Generous letter-spacing for refinement
|
|
|
|
### Texture
|
|
- Dot matrix / halftone patterns for data aesthetic
|
|
- Dense dots = depth and sophistication
|
|
- Patterns should whisper, not shout
|
|
- Code snippets as texture, not decoration
|
|
|
|
### Space
|
|
- Massive white space - this is the opulence
|
|
- If you're unsure whether to add something, don't
|
|
- Negative space IS the design
|
|
|
|
### Composition
|
|
- Centered, balanced, symmetrical
|
|
- One focal point maximum
|
|
- The eye should rest, not hunt
|
|
|
|
## What Success Looks Like
|
|
|
|
See reference images in `assets/`:
|
|
- **Weiden Haus** - dot matrix logos, brutalist simplicity
|
|
- **OpenAI Research** - white space, clean type, subtle branding
|
|
- **brand-kit-v3.png** - our direction: wordmark, restraint, whisper
|
|
|
|
The work should feel:
|
|
- Quietly confident
|
|
- Intellectually opulent
|
|
- Smarter than everyone else, but not proving it
|
|
- Like a whisper in a room full of shouts
|
|
|
|
## Writing Style
|
|
|
|
Clear, direct, technical but accessible. From our announcement copy:
|
|
|
|
> "Today, we're releasing a research preview of GPT-5.3-Codex-Spark, a smaller version of GPT-5.3-Codex, and our first model designed for real-time coding. Codex-Spark marks the first milestone in our partnership with Cerebras. Codex-Spark is optimized to feel near-instant when served on ultra-low latency hardware—delivering more than 1000 tokens per second while remaining highly capable for real-world coding tasks."
|
|
|
|
Key characteristics:
|
|
- No marketing fluff
|
|
- Technical precision
|
|
- Specifics over superlatives
|
|
- Let the work speak
|
|
|
|
## Anti-Patterns
|
|
|
|
Avoid:
|
|
- Color accents (we don't do color)
|
|
- Decorative elements (every pixel must earn its place)
|
|
- Loud typography (whisper, don't shout)
|
|
- Proving intelligence (if you're smart, it shows)
|
|
- Speed over craft (take the time to do it right)
|
|
|
|
## The Question
|
|
|
|
When stuck, ask: **"What would Nicholai do?"**
|
|
|
|
Not because he's the arbiter of taste, but because he takes pride in craft over speed. The answer is usually: less. Strip it back. Trust the work.
|
|
|
|
## Brand Lineage
|
|
|
|
OpenMarketUI is a Signet AI company. This matters. The design should feel like it belongs to a family of thoughtful, precise, premium tools.
|
|
|
|
## Assets
|
|
|
|
- `assets/brand-kit-v3.png` - primary brand reference
|
|
- `assets/reference-*.jpg` - aesthetic inspirations (Weiden Haus, OpenAI)
|