SparkBites

design-bitesNEW

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

OS - Apple

Explore a new design with Liquid Glass and exciting features coming to iOS 26, iPadOS 26, macOS 26, watchOS 26, visionOS 26, and tvOS 26.

DESIGN.mdView on GitHub →1

npx design-bites add apple.com

Added over 1 year ago

Colors

White

Gray

Fonts

SF Pro Text(Sans Serif)

Tech Stack

Preact

View site

Related Websites

ui.land

ui.land is The Digital Library for Designers and Engineers.

Float UI

Beautiful and responsive website templates and UI components for React, Vue, Svelte, HTML with Tailwind CSS.

UVCanvas

React-Symbols

Symbols VSCode Icons Theme by Miguel Solorio, for React.

Code Guide

Estándares para desarrollar HTML y CSS consistentes, flexibles y sostenibles.

UI.pub - The shadcn registry

Premium shadcn/ui components registry. UI Kits, Blocks, Templates.

OS - Apple

Explore a new design with Liquid Glass and exciting features coming to iOS 26, iPadOS 26, macOS 26, watchOS 26, visionOS 26, and tvOS 26.

DESIGN.mdView on GitHub →1

npx design-bites add apple.com

Added over 1 year ago

Colors

White

Gray

Fonts

SF Pro Text(Sans Serif)

Tech Stack

Preact

View site

Related Websites

ui.land

ui.land is The Digital Library for Designers and Engineers.

Float UI

Beautiful and responsive website templates and UI components for React, Vue, Svelte, HTML with Tailwind CSS.

UVCanvas

React-Symbols

Symbols VSCode Icons Theme by Miguel Solorio, for React.

Code Guide

Estándares para desarrollar HTML y CSS consistentes, flexibles y sostenibles.

UI.pub - The shadcn registry

Premium shadcn/ui components registry. UI Kits, Blocks, Templates.

Style Showcase

Tokens captured from OS - Apple — palette, type, and components rendered live.

Palette

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

r-globalnav-background-opened

r-globalnav-background-opened-dark

sk-focus-color

sk-focus-color-alt

sk-body-text-color

sk-body-background-color

sk-body-link-color

sk-glyph-gray-secondary

sk-glyph-gray-secondary-alt

sk-glyph-gray-tertiary

sk-glyph-orange

sk-glyph-green

Type scale

Captured fonts and scale, rendered with system fallbacks.

Display"SF Pro Display" · 80px / 84px · 600

The quick brown fox jumps

Heading"SF Pro Text" · 12px / 16.0005px · 400

The quick brown fox jumps

Body"SF Pro Display" · 21px / 25px · 600

The quick brown fox jumps

Action"SF Pro Text" · 18px / 18px · 300

The quick brown fox jumps

OS - Apple

Tags

Colors

Fonts

Tech Stack

Related Websites

OS - Apple

Tags

Colors

Fonts

Tech Stack

Related Websites

Style Showcase

Palette

Type scale