snapchatSpacing (config/tokens.ts)

tokovo · packages/apps-snapchat/src/config/tokens.ts · typescript · MIT
ui, tag:embed-classified

* Snapchat Spacing Tokens — Pixel-accurate /

// Source: https://github.com/nishit-g/tokovo | License: MIT | Copyright 2026 Tokovo contributors
// Provided via justclaw.it.com; keep this notice with the code.
/**
 * Snapchat Spacing Tokens — Pixel-accurate
 */

export const snapchatSpacing = {
  /** App header height; platform content insets are applied separately. */
  headerHeight: 56,
  /** Search bar height */
  searchBarHeight: 36,
  /** Chat input bar height */
  inputHeight: 52,
  /** Avatar/Bitmoji size in conversation list */
  bitmojiSizeList: 48,
  /** Avatar size in chat header */
  avatarSizeChat: 34,
  /** Bubble max width ratio */
  bubbleMaxWidthRatio: 0.72,
  /** Bubble padding horizontal */
  bubblePaddingH: 12,
  /** Bubble padding vertical */
  bubblePaddingV: 9,
  /** Bubble border radius */
  bubbleBorderRadius: 

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key