Phone

A device frame for presenting mobile UI in context.

Default

mrkdwn

hello-world.md

<div class="w-48 aspect-[9/19] rounded-[2rem] border-2 border-border bg-bg-primary p-2">
  <div class="flex h-full flex-col rounded-[1.5rem] bg-bg-surface px-4 pt-2 pb-4 overflow-hidden">
    <div class="mx-auto h-1.5 w-12 rounded-full bg-bg-elevated"></div>
    <!-- screen content -->
  </div>
</div>

Markdown for agents: /design/phone.md · spec: /design.md