Chromatic Aberration / RGB Split

Also called: Glitch UI, RGB Shift, Channel Split

White type on near-black, with every edge split into red and cyan ghosts — scanlines, slice glitches and misaligned colour channels.

“RGB glitch”Retro & NostalgiaEra: Late 1990s CRT / VHS error aesthetics, revived 2010s–2020sEdgyTechyBold

Open full screen ↗

chromatic-aberration-rgb-split / landingEN

chromatic-aberration-rgb-split / landingTH

Customize

Try a palette, other colours, radius, density, display size and fonts on the preview. The copied prompt and theme export follow your choices; the style itself never changes.

Palettes

UI Lingo pool

Radius sm0pxRadius md0pxRadius lg0pxRadius xl0pxDensity×0.95Display size×1Latin headingLatin bodyThai headingThai body

Colours · Dark

bgsurfacesurface-2texttext-mutedprimaryon-primarysecondaryon-secondaryaccentbordersuccesswarningdangerchart-1chart-2chart-3chart-4chart-5

Recipes may hard-code decorative colours, sizes or fonts, so a change can apply only in part, and the signature may not hold.

Design keywords

Say these words to ask for this style.

RGB splitred/cyan ghostingchromatic aberrationscanlinesslice glitchmisaligned channelsdark basecondensed uppercase (Latin)signal error

Chromatic Aberration fakes a lens or signal that cannot focus all colours at once: content is a monochrome white-on-black signal, and every headline, icon, card edge and button carries a hard red ghost to the left and a cyan ghost to the right. CRT scanlines run over the page, horizontal slice glitches tear the hero now and then, and labels read like channel diagnostics in a mono. Shapes are square and flat, with no neon bloom — the colour lives only in the misregistered channels.

Best for

Game launches, esports and streaming overlays
Music releases, festivals and nightlife
Film/series teasers and trailers
Hacker-themed events and creative portfolios

Avoid for

Long reading, forms people must fill accurately
Users sensitive to flicker or motion
Healthcare, finance and anything needing calm trust

✓ Do

Keep the base strictly monochrome (#07070B / #F4F4F8) so the split is the only colour
Offset ghosts ±0.045em on display type (≈5-7px), ±2px on smaller headings, icons and boxes: red (#FF2E55) left, cyan (#00E5FF) right
Thai labels and buttons: body font (Bai Jamjuree), no tracking, no uppercase
Run glitch animation briefly (≤ 8% of a 4–6s loop) and only under prefers-reduced-motion: no-preference

✕ Don't

Don’t split body text — only headings, numbers, icons and edges
Don’t add soft neon glow or blur; ghosts are hard-edged
Don’t animate continuously or flash faster than 3 times a second

Not to be confused with

Cyberpunk UI →Cyberpunk uses neon magenta/yellow glows, chamfered HUD frames and city imagery; RGB Split is monochrome with hard, unblurred red/cyan channel ghosts.Vaporwave →Vaporwave is pastel pink/purple sunsets and Windows-95 windows; RGB Split is a black signal with sharp misregistered channels and scanlines.Acid Graphics →Acid graphics are chrome liquid type and toxic gradients; RGB Split keeps flat white type and only offsets its colour channels.

On mobile

Keep the split on headings, icons and the active tab only; drop the full-screen scanline overlay opacity on small screens and never run the slice glitch on scrolling lists.

At a glance

Accessibility

Performance

Build complexity

Typography

Heading · LatinBarlow Condensed · 700/800

The quick brown fox

Heading · ThaiKanit · 600/800

สวัสดีชาวโลก ยินดีต้อนรับ

Body · LatinBarlow · 400/500/600

Clear words make shared decisions.

Body · ThaiBai Jamjuree · 400/500/600

คำที่ชัดเจนช่วยให้ทีมตัดสินใจร่วมกันได้

Kanit’s heavy loopless strokes hold the RGB ghosts as well as condensed Barlow; squarish Bai Jamjuree echoes Barlow’s engineered, DIN-like body.

Colour palette

Light

Dark

Design tokens

Radius	`sm 0px · md 0px · lg 0px · xl 0px · pill 0px`
Border	`1px`
Shadow	`-3px 0 0 rgba(255,46,85,0.8), 3px 0 0 rgba(0,229,255,0.8)`
Display	`clamp(3.5rem, 9vw, 7.25rem)`
Motion	`90ms steps(3, end)`
Density	`×0.95`

Theme export

Drop the tokens into a shadcn/ui or Tailwind project, or any tool that reads design tokens.

shadcn/ui globals.css

Preview

/* UI Lingo · Chromatic Aberration / RGB Split (chromatic-aberration-rgb-split) — shadcn/ui theme variables (Tailwind v4). Replace the :root and .dark blocks in globals.css.
 * Default mode is dark: add class="dark" to <html>.
 * Derived: card/popover/sidebar = surface, muted = surface-2, accent = surface-2 (shadcn hover surface), destructive = danger, input = border, ring = primary, --radius = radius lg.
 * Fonts: https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@400;700&family=Kanit:wght@600;800&family=Bai+Jamjuree:wght@400;500;600&display=swap
 */
:root {
  --radius: 0px;
  --background: #F2F2F5;
  --foreground: #0A0A10;
  --card: #FFFFFF;
  --card-foreground: #0A0A10;
  --popover: #FFFFFF;
  --popover-foreground: #0A0A10;
  --primary: #0A0A10;
  --primary-foreground: #FFFFFF;
  --secondary: #006F86;
  --secondary-foreground: #FFFFFF;
  --muted: #E7E7EE;
  --muted-foreground: #4D4D5C;
  --accent: #E7E7EE;
  --accent-foreground: #0A0A10;
  --destructive: #D1002C;
  --border: #C4C4D0;
  --input: #C4C4D0;
  --ring: #0A0A10;
  --chart-1: #0A0A10;
  --chart-2: #0091AD;
  --chart-3: #D1002C;
  --chart-4: #0A8A3E;
  --chart-5: #5A46E0;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #0A0A10;
  --sidebar-primary: #0A0A10;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E7E7EE;
  --sidebar-accent-foreground: #0A0A10;
  --sidebar-border: #C4C4D0;
  --sidebar-ring: #0A0A10;
}

.dark {
  --background: #07070B;
  --foreground: #F4F4F8;
  --card: #0F0F16;
  --card-foreground: #F4F4F8;
  --popover: #0F0F16;
  --popover-foreground: #F4F4F8;
  --primary: #F4F4F8;
  --primary-foreground: #07070B;
  --secondary: #00E5FF;
  --secondary-foreground: #07070B;
  --muted: #16161F;
  --muted-foreground: #A4A4B8;
  --accent: #16161F;
  --accent-foreground: #F4F4F8;
  --destructive: #FF2E55;
  --border: #2C2C3A;
  --input: #2C2C3A;
  --ring: #F4F4F8;
  --chart-1: #F4F4F8;
  --chart-2: #00E5FF;
  --chart-3: #FF2E55;
  --chart-4: #3DFF8A;
  --chart-5: #7C6BFF;
  --sidebar: #0F0F16;
  --sidebar-foreground: #F4F4F8;
  --sidebar-primary: #F4F4F8;
  --sidebar-primary-foreground: #07070B;
  --sidebar-accent: #16161F;
  --sidebar-accent-foreground: #F4F4F8;
  --sidebar-border: #2C2C3A;
  --sidebar-ring: #F4F4F8;
}

Tailwind v4 theme.css

Preview

/* UI Lingo · Chromatic Aberration / RGB Split (chromatic-aberration-rgb-split) — Tailwind CSS v4 theme. Paste after @import "tailwindcss";
 * Default mode is dark: add class="dark" to <html>.
 * Derived: shadow "none" = 0 0 #0000; var(--c-x) in shadows = var(--color-x); shadows using recipe-only variables are left out.
 * Fonts: https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@400;700&family=Kanit:wght@600;800&family=Bai+Jamjuree:wght@400;500;600&display=swap
 */
@theme {
  --color-bg: #F2F2F5;
  --color-surface: #FFFFFF;
  --color-surface-2: #E7E7EE;
  --color-text: #0A0A10;
  --color-text-muted: #4D4D5C;
  --color-primary: #0A0A10;
  --color-on-primary: #FFFFFF;
  --color-secondary: #006F86;
  --color-on-secondary: #FFFFFF;
  --color-accent: #D1002C;
  --color-border: #C4C4D0;
  --color-success: #0A8A3E;
  --color-warning: #9A6A00;
  --color-danger: #D1002C;
  --color-chart-1: #0A0A10;
  --color-chart-2: #0091AD;
  --color-chart-3: #D1002C;
  --color-chart-4: #0A8A3E;
  --color-chart-5: #5A46E0;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-pill: 0px;
  --shadow-sm: -2px 0 0 rgba(255,46,85,0.75), 2px 0 0 rgba(0,229,255,0.75);
  --shadow-md: -3px 0 0 rgba(255,46,85,0.8), 3px 0 0 rgba(0,229,255,0.8);
  --shadow-lg: -5px 0 0 rgba(255,46,85,0.7), 5px 0 0 rgba(0,229,255,0.7), 0 24px 60px rgba(0,0,0,0.6);
  --font-heading: "Barlow Condensed", "Kanit", system-ui, sans-serif;
  --font-body: "Barlow", "Bai Jamjuree", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, "Bai Jamjuree", monospace;
}

.dark {
  --color-bg: #07070B;
  --color-surface: #0F0F16;
  --color-surface-2: #16161F;
  --color-text: #F4F4F8;
  --color-text-muted: #A4A4B8;
  --color-primary: #F4F4F8;
  --color-on-primary: #07070B;
  --color-secondary: #00E5FF;
  --color-on-secondary: #07070B;
  --color-accent: #FF2E55;
  --color-border: #2C2C3A;
  --color-success: #3DFF8A;
  --color-warning: #FFD23F;
  --color-danger: #FF2E55;
  --color-chart-1: #F4F4F8;
  --color-chart-2: #00E5FF;
  --color-chart-3: #FF2E55;
  --color-chart-4: #3DFF8A;
  --color-chart-5: #7C6BFF;
}

DTCG tokens tokens.json

Preview

{
  "$description": "UI Lingo · Chromatic Aberration / RGB Split (chromatic-aberration-rgb-split). Default mode: dark. Fonts: https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@400;700&family=Kanit:wght@600;800&family=Bai+Jamjuree:wght@400;500;600&display=swap",
  "color": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.949,
            0.949,
            0.9608
          ],
          "hex": "#f2f2f5"
        }
      },
      "surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "surface-2": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9059,
            0.9059,
            0.9333
          ],
          "hex": "#e7e7ee"
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0392,
            0.0627
          ],
          "hex": "#0a0a10"
        }
      },
      "text-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.302,
            0.302,
            0.3608
          ],
          "hex": "#4d4d5c"
        }
      },
      "primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0392,
            0.0627
          ],
          "hex": "#0a0a10"
        }
      },
      "on-primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.4353,
            0.5255
          ],
          "hex": "#006f86"
        }
      },
      "on-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8196,
            0,
            0.1725
          ],
          "hex": "#d1002c"
        }
      },
      "border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7686,
            0.7686,
            0.8157
          ],
          "hex": "#c4c4d0"
        }
      },
      "success": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.5412,
            0.2431
          ],
          "hex": "#0a8a3e"
        }
      },
      "warning": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6039,
            0.4157,
            0
          ],
          "hex": "#9a6a00"
        }
      },
      "danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8196,
            0,
            0.1725
          ],
          "hex": "#d1002c"
        }
      },
      "chart-1": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0392,
            0.0627
          ],
          "hex": "#0a0a10"
        }
      },
      "chart-2": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.5686,
            0.6784
          ],
          "hex": "#0091ad"
        }
      },
      "chart-3": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8196,
            0,
            0.1725
          ],
          "hex": "#d1002c"
        }
      },
      "chart-4": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.5412,
            0.2431
          ],
          "hex": "#0a8a3e"
        }
      },
      "chart-5": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3529,
            0.2745,
            0.8784
          ],
          "hex": "#5a46e0"
        }
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0275,
            0.0275,
            0.0431
          ],
          "hex": "#07070b"
        }
      },
      "surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.0588,
            0.0863
          ],
          "hex": "#0f0f16"
        }
      },
      "surface-2": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0863,
            0.0863,
            0.1216
          ],
          "hex": "#16161f"
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9569,
            0.9725
          ],
          "hex": "#f4f4f8"
        }
      },
      "text-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6431,
            0.6431,
            0.7216
          ],
          "hex": "#a4a4b8"
        }
      },
      "primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9569,
            0.9725
          ],
          "hex": "#f4f4f8"
        }
      },
      "on-primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0275,
            0.0275,
            0.0431
          ],
          "hex": "#07070b"
        }
      },
      "secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.898,
            1
          ],
          "hex": "#00e5ff"
        }
      },
      "on-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0275,
            0.0275,
            0.0431
          ],
          "hex": "#07070b"
        }
      },
      "accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.1804,
            0.3333
          ],
          "hex": "#ff2e55"
        }
      },
      "border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1725,
            0.1725,
            0.2275
          ],
          "hex": "#2c2c3a"
        }
      },
      "success": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2392,
            1,
            0.5412
          ],
          "hex": "#3dff8a"
        }
      },
      "warning": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.8235,
            0.2471
          ],
          "hex": "#ffd23f"
        }
      },
      "danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.1804,
            0.3333
          ],
          "hex": "#ff2e55"
        }
      },
      "chart-1": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9569,
            0.9725
          ],
          "hex": "#f4f4f8"
        }
      },
      "chart-2": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.898,
            1
          ],
          "hex": "#00e5ff"
        }
      },
      "chart-3": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.1804,
            0.3333
          ],
          "hex": "#ff2e55"
        }
      },
      "chart-4": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2392,
            1,
            0.5412
          ],
          "hex": "#3dff8a"
        }
      },
      "chart-5": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4863,
            0.4196,
            1
          ],
          "hex": "#7c6bff"
        }
      }
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "pill": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    }
  },
  "border-width": {
    "$type": "dimension",
    "$value": {
      "value": 1,
      "unit": "px"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": [
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              1,
              0.1804,
              0.3333
            ],
            "hex": "#ff2e55",
            "alpha": 0.75
          },
          "offsetX": {
            "value": -2,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        },
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0.898,
              1
            ],
            "hex": "#00e5ff",
            "alpha": 0.75
          },
          "offsetX": {
            "value": 2,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        }
      ]
    },
    "md": {
      "$type": "shadow",
      "$value": [
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              1,
              0.1804,
              0.3333
            ],
            "hex": "#ff2e55",
            "alpha": 0.8
          },
          "offsetX": {
            "value": -3,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        },
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0.898,
              1
            ],
            "hex": "#00e5ff",
            "alpha": 0.8
          },
          "offsetX": {
            "value": 3,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        }
      ]
    },
    "lg": {
      "$type": "shadow",
      "$value": [
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              1,
              0.1804,
              0.3333
            ],
            "hex": "#ff2e55",
            "alpha": 0.7
          },
          "offsetX": {
            "value": -5,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        },
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0.898,
              1
            ],
            "hex": "#00e5ff",
            "alpha": 0.7
          },
          "offsetX": {
            "value": 5,
            "unit": "px"
          },
          "offsetY": {
            "value": 0,
            "unit": "px"
          },
          "blur": {
            "value": 0,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        },
        {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "hex": "#000000",
            "alpha": 0.6
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 24,
            "unit": "px"
          },
          "blur": {
            "value": 60,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          },
          "inset": false
        }
      ]
    }
  },
  "font": {
    "heading": {
      "$type": "fontFamily",
      "$value": [
        "Barlow Condensed",
        "Kanit",
        "system-ui",
        "sans-serif"
      ]
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Barlow",
        "Bai Jamjuree",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "Bai Jamjuree",
        "monospace"
      ]
    }
  },
  "font-weight": {
    "heading": {
      "$type": "fontWeight",
      "$value": 800
    },
    "body": {
      "$type": "fontWeight",
      "$value": 400
    }
  },
  "duration": {
    "$type": "duration",
    "$value": {
      "value": 90,
      "unit": "ms"
    }
  },
  "density": {
    "$type": "number",
    "$value": 0.95
  }
}

Prompt builder

Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.

PageTech stackContent languageMode

Audit: ✓ Passed
Rounds: 3
Builder: unknown
Auditor: unknown

Second style (optional)Instruction

A new-style brief from this style and an optional second one, for the model ladder. It is not a style: it must pass the ladder before merging, and nothing is created for you.

Meta-prompt for the writer remix-brief.md

Preview

New style issue draft new-style-issue.md

Preview

prompt.json skeleton prompt.json

Preview

Copied!