FeaturedActive
Government Violence Archive
violencebank.org
Video archive documenting incidents of government violence with dozens of records. Features incident severity ratings.
Seasaw Design System
A comprehensive, accessible design system with seasaw aesthetics. Inspired by unfuck.cloud(opens in new tab), the [broken] podcast, and modern hacker culture.
Color Palette
Color System
A carefully crafted palette for dark interfaces with cyan/teal as the primary accent. All colors meet WCAG AA contrast requirements.
Primary
--primary
Accent
--accent
Success
--seasaw-success
Warning
--seasaw-warning
Destructive
--destructive
Background
--background
Card
--card
Secondary
--secondary
Muted
--muted
Typography
Typography
Two font families: Inter for body and display text, Space Mono for code and seasaw accents.
Sans Serif (Inter)
Primary font for all text and UI elements
The quick brown fox
Jumps over the lazy dog
Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump!
Small text for captions and metadata
Monospace (Space Mono)
For code, technical content, and cyber aesthetic accents
The quick brown fox
Jumps over the lazy dog
0123456789 !@#$%^&*()
const seasawTheme = {
primary: 'oklch(0.75 0.16 185)',
background: 'oklch(0.08 0.02 240)'
}Components
Buttons
Multiple button variants for different contexts and hierarchies. All buttons have proper focus states and meet touch target size requirements.
Variants
Sizes
With Icons
Badges & Status
Badges for tags, status indicators, and tech stack displays.
Badge Variants
DefaultSuccessWarningDestructiveOutlineFeaturedActive
Tech Stack Badges
Next.jsTypeScriptTailwind CSSPostgreSQLReact
Status Indicators
All Systems Online
Capturing...
High Traffic
Offline
Cards
Card components inspired by unfuck.cloud project cards and [broken] podcast episode cards.
Episode 1
A podcast exploring the beautiful imperfections of engineering, technology, life, and the human mind
6:040 downloads
OK
Industrial Safety Bundle (Cat 200)
Everett CC (Corporate Ed)
$315 2 weeks 16 mi
Inputs & Forms
Form elements styled for the cyber aesthetic with full accessibility support.
We'll never share your email
This field is required
Statistics
Display key metrics with optional trend indicators.
1Episode
3Shows
1Host
0Downloads—
Accessibility
Accessibility Features
This design system is built with accessibility as a core principle.
Keyboard Navigation
All interactive elements are fully keyboard accessible with visible focus indicators. Skip links allow users to bypass navigation.
Color Contrast
All color combinations meet WCAG AA contrast requirements (4.5:1 for normal text, 3:1 for large text and UI components).
Screen Reader Support
Proper ARIA labels, roles, and semantic HTML ensure content is accessible to assistive technologies.
Touch Targets
All interactive elements have a minimum touch target size of 44x44 pixels for mobile accessibility.
Reduced Motion
Animations respect the prefers-reduced-motion media query, disabling motion for users who prefer it.
Form Accessibility
All form inputs have proper labels, error states, and ARIA attributes for assistive technology support.