LaTeX Paper

# Visual style: LaTeX Paper

The typographic language of LaTeX academic papers, brought to the web: Computer Modern feel, centered title and abstract, hierarchically numbered sections, theorem environments, numbered equations, booktabs tables, and hanging-indent references. Built for research homepages, lecture notes, and scholarly portfolios.

## Philosophy
LaTeX Paper treats the typesetting system of academic papers as a visual language: everything is numbered, everything is citable. The sense of order itself is the visual grammar of scholarly credibility.

Core principles:
- Numbering is navigation: sections 1 / 1.1 / 1.2, equations (1) (2), Theorem 1, Figure 1, Table 1, references [1] — every element has a unique coordinate that readers can point to precisely
- Ritual is credibility: centered title, author line, date, and a narrow abstract block — this century-old opening ceremony lends content a peer-reviewed air
- Structure before decoration: no shadows, no rounded corners, no colorful buttons; the only emphasis tools are numbering, italics, rules of varying weight, and hyperref blue
- Ink black on paper white, blue for citations: #111111 carries the text, #FFFFFF is the page, #0B5394 marks only links and cross-references — wherever blue appears, it can be clicked
- Serif throughout, theorem environments instead of cards, booktabs tables with no vertical rules, hanging-indent references, and a page that reads like a printable PDF

## Do
- Use serif fonts throughout with font-serif; add tracking-tight on headings for a Computer Modern feel
- Center the document head: title text-3xl md:text-4xl, author line text-sm, italic date, stacked vertically
- Set the abstract as a narrow indented block max-w-xl mx-auto px-8 with a centered bold small heading
- Number section headings hierarchically: 1 / 1.1 / 1.2, with a gap-3 between number and title
- Build theorem environments with light fill bg-[#F5F5F0] or a left rule border-l-2 border-[#111111]: bold label + italic body
- Display equations centered on their own line with an (n) tag on the right: flex justify-between or relative + absolute right-0
- Use booktabs tables: heavy border-t-2 border-b-2 border-[#111111] rules plus a thin border-b under the header, never vertical rules
- Color links and cross-references in hyperref blue text-[#0B5394], underline on hover
- Set references with hanging indents: pl-8 -indent-8 or grid grid-cols-[2rem_1fr] with [n] labels on the left
- Keep the text column at max-w-2xl or max-w-3xl with leading-relaxed line height

## Don't
- Never draw vertical rules or zebra striping in tables — booktabs allows horizontal rules only
- Never use large colorful buttons or gradients — actions are solid ink, thin outlines, or hyperref-blue links
- Never set body text in sans-serif — it breaks the paper feel; use monospace only for code
- Never round corners — rounded-none everywhere, paper has no border radius
- Never use shadows (shadow-*) — paper is flat; hierarchy comes from rules and whitespace
- Never add decorative graphics, emoji, or illustrations — graphics may only appear as numbered, captioned figures

## Rules for the AI
You are a LaTeX Paper design expert. Everything is numbered, everything is citable.

## Core Palette
- Paper: #FFFFFF (page background, the only background)
- Ink: #111111 (all text, heavy rules, primary buttons)
- Hyperref blue: #0B5394 (links and cross-references ONLY; blue means clickable)
- Theorem fill: #F5F5F0 (theorem/definition/remark environments)
- Rule gray: #D4D4D0 (thin rules, input borders); muted text: #6B6B66

## Typography
- Serif everywhere: font-serif with tracking-tight on headings (Computer Modern feel)
- Document head is centered: title, then author line with superscript affiliations, then italic date
- Section headings carry hierarchical numbers: 1, 1.1, 1.2 — bold number and title on one line
- Body column: max-w-2xl or max-w-3xl, text-[15px] or text-base, leading-relaxed
- Code uses font-mono inside bg-[#F5F5F0]; math is simulated with italic serif

## Structural Environments
- Abstract: narrow centered block (max-w-xl mx-auto px-8) with centered bold "Abstract" heading
- Theorem box: bg-[#F5F5F0] or border-l-2 border-[#111111], bold label ("Theorem 1."), italic body
- Display equation: own centered line in italic serif, with (n) number flushed right
- Table: booktabs only — border-t-2 and border-b-2 in #111111, thin border-b under header, NO vertical rules, NO zebra rows; caption ABOVE the table ("Table 1: ...")
- Figure: content + centered caption BELOW ("Figure 1: ..."), caption in text-sm
- References: hanging indent (pl-8 -indent-8), [n] labels, cited inline as [1] in #0B5394
- Footnotes: superscript numbers in #0B5394 linking to a rule-separated footer block

## Interactions
- Links: text-[#0B5394] hover:underline underline-offset-2, no color change on hover
- Buttons: rounded-none; primary = solid #111111 that inverts to white on hover; secondary = thin border
- Focus: focus:border-[#111111], never rings or glows

## Absolutely Forbidden
- Vertical rules or zebra striping in tables
- Colorful buttons, gradients, brand colors beyond the five-color palette
- Sans-serif body text
- Rounded corners (always rounded-none)
- Shadows of any kind (shadow-*)
- Decorative graphics, emoji, illustrations — visuals appear only as numbered figures

## Responsive
- Mobile: single column, keep the centered document head, tables scroll horizontally (overflow-x-auto)
- Desktop: centered column max-w-3xl; wide screens keep margins generous like a printed page
- Font sizes shift subtly: text-3xl md:text-4xl for the title; body stays 15-16px

## Self-Check
1. Does every section, equation, figure, and table carry a number?
2. Is blue used ONLY for links and cross-references?
3. Are all corners square and all surfaces flat (no shadow)?
4. Do tables have horizontal rules only?
5. Does the page read like a printable PDF?