tsconst a = 1;",
"purposeEn": "A code block that displays code in a monospace font.",
"a11yEn": "Use a button element for the copy button and signal copy completion with 'Copied' text, not color alone. Wrap code in pre and code markup to convey its meaning."
},
{
"name": "Prose",
"class": "qf-prose",
"layer": "generic",
"category": "Display",
"purpose": "마크다운 등 장문 문서를 디자인 시스템 톤으로 렌더하는 본문(prose) 스타일입니다. 본문 폭은 기본 가독성 measure(약 640px)이며, --qf-prose-max 로 오버라이드합니다(예: none, var(--container-w-wide)). --article 은 뉴스 전말처럼 3~6문장 문단이 이어지는 기사 본문용으로 본문 16px, 문단 간격 한 줄(--s-6), 한국어 어절 유지(keep-all)를 적용합니다. --article 안의 h2/h3 는 기사 소제목(17px, 600, 밑선 없음, 위 --s-6 아래 --s-2)입니다 — 전말이 네 문단 이상이면 흐름이 바뀌는 곳에 12자 안의 h2 를 둡니다.",
"variants": [
"qf-prose--article"
],
"requiredTokens": [
"--text",
"--text-strong",
"--link",
"--accent",
"--divider",
"--bg-panel",
"--font-mono",
"--container-w-narrow",
"--fs-16",
"--s-6",
"--fs-17",
"--lh-snug"
],
"a11y": "시맨틱 HTML 계층(h1→h6 순서, ul/ol/blockquote/table 구조)을 유지하고, 링크는 밑줄로 색 외 단서를 함께 줍니다. 본문 대비 AA, 코드/표는 토큰 색을 사용합니다.",
"exampleHtml": "The body uses emphasis, a link, and inline code.
Blockquotes are highlighted with the accent bar.
The Supreme Court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate, and issued a formal apology. The admission followed a week of reporting that traced dozens of receipts to restaurants closed on the dates listed.
Community reaction spread quickly across several Korean forums. Threads on Clien and Bobaedream questioned why the internal audit had taken years, while posters on 82cook focused on the apology itself.
The court said it would publish a corrected ledger and refer the matter to an outside review. No timeline was given.
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate and issued a formal apology, after a week of reporting traced dozens of receipts to restaurants closed on the dates listed.
The admission followed an investigation by a nonprofit newsroom. Community reaction spread quickly across several Korean forums, with threads questioning why the internal audit had taken years.
The court said it would publish a corrected ledger and refer the matter to an outside review. No timeline was given.
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate and issued a formal apology.
The admission followed an investigation by a nonprofit newsroom. Community reaction spread quickly across several Korean forums.
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate and issued a formal apology.
![\"\"](\"brand-assets/png/og-image.png\")
The admission followed an investigation by a nonprofit newsroom. Community reaction spread quickly across several Korean forums.
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate and issued a formal apology.
The admission followed an investigation by a nonprofit newsroom that traced dozens of receipts to restaurants closed on the dates listed.
Threads on several Korean forums questioned why the internal audit had taken years.
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate.
", "purposeEn": "A transclusion card that quotes another note inline within the body, with a left --border-strong accent, --bg-panel surface, and a __source link to the original at the top. Named qf-transclude to avoid colliding with the chat embed qf-embed.", "a11yEn": "Convey the quotation with blockquote semantics, and provide a real a[href] source link for navigation to the origin. The left accent is decorative, with source text supplying context." }, { "name": "SettingsLayout", "class": "qf-settings", "layer": "generic", "category": "Overlays", "purpose": "좌측 내비게이션과 본문 영역으로 나뉜 설정 레이아웃입니다.", "variants": [ "qf-settings__nav", "qf-settings__nav-head", "qf-settings__nav-item", "qf-settings__main" ], "requiredTokens": [ "--bg-panel", "--divider", "--s-4", "--s-8", "--r-sm", "--text-secondary", "--bg-selected" ], "a11y": "내비 항목은 aria-selected로 현재 선택을 표현하고 키보드 포커스가 보이게 합니다. 선택 상태는 배경색뿐 아니라 aria 속성으로 함께 전달합니다.", "exampleHtml": "Embedded content from another note is quoted inline here.
Caution
You have unsaved changes.Strong
Weak
Medium
Strong
| Name | Status | |
|---|---|---|
| sync-skulk | Running | |
| backfill | Queued |
This is floating content.
A general app shell that lays out a header, sidebar, and main content. Columns derive from which regions you include.
Header plus content — include only the navbar and main.
Just the content area — include only main.
Sidebar plus content under a header — the default layout.
Sidebar plus content, with no top header.
Sidebar, content, and a right aside — a three-column workspace.
Three columns without a header bar.
The same three-column markup: at a narrow width the sidebar and aside collapse to a single column. The app surfaces them via a drawer or tab bar.
12 members
The court acknowledged on Tuesday that expense reports filed by its chief justice were inaccurate.