spb/ai-atlas

1import { ImageResponse } from 'next/og';2import { MARK_DARK, MarkImg } from '@/components/brand/mark';34/** 180×180 PNG: the atlas-plate mark on the dark canvas (iOS applies its own corner mask, so the plate fills the tile). */5export const size = { width: 180, height: 180 };6export const contentType = 'image/png';78export default function AppleIcon() {9  return new ImageResponse(10    (11      <div style={{ width: 180, height: 180, display: 'flex', alignItems: 'center', justifyContent: 'center', background: MARK_DARK.plate }}>12        <MarkImg px={180} colors={{ ...MARK_DARK, plate: '#12151b' }} radius={34 / (180 / 32)} />13      </div>14    ),15    { ...size },16  );17}18