Internal

Edgemoss design system

v0.1 · Week 1

Living style guide. Every primitive shipped this week is rendered here. If something on a real page doesn't match this guide, the page is wrong, not the guide.

Tokens

--color-* / --text-* / --radius-*
Surfaces
zinc-950
zinc-900
zinc-800
zinc-700
Text
zinc-100
zinc-300
zinc-500
zinc-700
Accent / Semantic
accent
success
warning
danger
Radii
xs · 4px
sm · 6px
md · 8px
lg · 12px

Typography

font-sans · font-mono
text-3xl 500
Find your edge in 30 seconds.
text-2xl 500
Headlines and section titles.
text-xl 500
22px medium weight.
text-lg 400
18px regular — long-form lede.
text-base 400
16px regular body.
text-sm 400
14px default UI text.
text-xs 400
12px secondary metadata.
text-2xs 500 uppercase
11px section eyebrows
font-numeric tabular
$0.38 · +6.0% · 12,438 · 11:42:08

Button

import { Button } from '@/components/ui/Button'

Badge

import { Badge } from '@/components/ui/Badge'
NeutralLiveClosedSettlingProEdge +6.0%

Card

import { Card, CardHeader, CardBody, CardFooter } from '@/components/ui/Card'

Lakers cover +5

Tonight 9:30 PM ET · NBA

The card primitive composes header / body / footer. Every border on the page uses the hairline utility — 0.5px on retina, 1px elsewhere.

Last updated 11:42 ET

Input

import { Input } from '@/components/ui/Input'

Visible on shared analyses.

Enter a positive number.

Select

import { Select } from '@/components/ui/Select'

Default is closing time.

Toggle

import { Toggle } from '@/components/ui/Toggle'
Email digestDaily 11am ET summary of overnight changes.
Push notificationsAlerts for tracked positions on settlement.
Disabled

Skeleton

import { Skeleton } from '@/components/ui/Skeleton'

Empty / Error states

import { EmptyState, ErrorState } from '@/components/ui/...'

No analyses yet

Generate your first analysis on tonight's NBA slate.

ConfidenceBar

import { ConfidenceBar } from '@/components/markets/ConfidenceBar'
25
55
75
92

EdgeIndicator

import { EdgeIndicator } from '@/components/markets/EdgeIndicator'
+6.0%+2.4%0.0%-2.5%-7.8%

MarketCard

import { MarketCard } from '@/components/markets/MarketCard'
NBAKXNBALAL-25APR12-LAL
+6.0%

Lakers cover +5 vs Nuggets

Yes$0.38
No$0.62
Confidence
72
Closes in3h 12m
NFLKXNFLCIN-25SEP15-CIN
-2.4%

Bengals UNDER 47.5 total points

Yes$0.49
No$0.51
Confidence
48
Closes in11m

OrderBookPreview

import { OrderBookPreview } from '@/components/markets/OrderBookPreview'
BidSize
  • $0.374,500
  • $0.362,100
  • $0.351,200
  • $0.34900
  • $0.33400
AskSize
  • $0.393,200
  • $0.402,700
  • $0.411,800
  • $0.421,100
  • $0.43600

Brand marks

import { Mark, Wordmark } from '@/components/layout/Wordmark'
Inline mark
edgemossWordmark + mark
edgemossWordmark only

Three full logo concepts (geometric, organic, wordmark) live in/public/logos/. Pick one for V1; rest are kept as alternates.