SparkBites

design-bitesNEW

Curated DESIGN.md files for 270+ inspiring websites. Design systems decoded for AI agents.

Opencode

Discover OpenCode: Empower your terminal with AI-driven coding magic. Boost efficiency and streamline your workflow today!

DESIGN.mdView on GitHub →0

npx design-bites add opencode.ai

Added 9 months ago

Colors

Black

White

Fonts

IBM Plex Mono(Mono)

Tech Stack

Cloudflare

SolidJS

View site

Related Websites

Graphite

Graphite helps teams on GitHub deliver higher quality software, faster.

Decagon

Trusted by world-class companies, Decagon is the most advanced AI platform for customer support.

imgsrc

Generate beautiful Open Graph images with zero effort.

Easing Graphs

A collection of easing graphs for web developers

Obscura VPN

Available for Mac. Download today.

Rankhog

A free Reddit audit tool for assessing visibility on ChatGPT and Google.

Opencode

Discover OpenCode: Empower your terminal with AI-driven coding magic. Boost efficiency and streamline your workflow today!

DESIGN.mdView on GitHub →0

npx design-bites add opencode.ai

Added 9 months ago

Colors

Black

White

Fonts

IBM Plex Mono(Mono)

Tech Stack

Cloudflare

SolidJS

View site

Related Websites

Graphite

Graphite helps teams on GitHub deliver higher quality software, faster.

Decagon

Trusted by world-class companies, Decagon is the most advanced AI platform for customer support.

imgsrc

Generate beautiful Open Graph images with zero effort.

Easing Graphs

A collection of easing graphs for web developers

Obscura VPN

Available for Mac. Download today.

Rankhog

A free Reddit audit tool for assessing visibility on ChatGPT and Google.

Style Showcase

Tokens captured from Opencode — palette, type, and components rendered live.

Palette

Sampled from CSS custom properties, body styles, and surface luminance.

color-white

color-black

color-bg-surface

color-text

color-text-secondary

color-text-muted

color-text-disabled

color-accent

color-accent-hover

color-accent-active

color-success

color-border

Type scale

Captured fonts and scale, rendered with system fallbacks.

Display"Berkeley Mono" · 38px / 57px · 700

The quick brown fox jumps

Heading"Berkeley Mono" · 16px / 24px · 700

The quick brown fox jumps

Body"Berkeley Mono" · 16px / 32px · 400

The quick brown fox jumps

Action"Berkeley Mono" · 16px / 24px · 400

The quick brown fox jumps

Opencode

Tags

Colors

Fonts

Tech Stack

Related Websites

Opencode

Tags

Colors

Fonts

Tech Stack

Related Websites

Style Showcase

Palette

Type scale