期刊排版ui

Design with editorial / magazine typography aesthetic. Typography is the primary visual element — not images, cards, or color blocks. Font system: - Display / Hero heading: Georgia, Playfair Display, or EB Garamond (serif) — 64-80px, font-weight 700 - Section heading (h2): same serif, 40px/700 - Subheading (h3): Inter or system sans-serif, 22px/600 - Body text: Inter, 17px/400, line-height 1.75 - Caption / label: Inter, 12px/400, letter-spacing 0.04em, color #6b7280 - Pull quote: serif italic, 28-32px, border-left 3px solid #111, padding-left 24px Color palette: - Primary text: #111111 - Secondary text: #4b4b4b - Muted text: #777777 - Background: #ffffff or #fafafa (pure, no warmth) - Accent: ONE color maximum — or none. Bold typography IS the hierarchy.   If using accent: recommend muted red #c1121f or inky blue #1d3557 - Do NOT use: gradient backgrounds, rounded cards, colored section backgrounds, badges Layout: - Content column: max-width 720px, centered - Full-bleed sections: 100% width with ≥80px top/bottom padding - Grid: text-image alternating layout, always left-right not stacked - Horizontal rules: 1px solid #e5e7eb, use instead of cards/containers Spacing: - Section break: padding-top 80-100px - Paragraph gap: 28px - Never: overflow text into full-browser-width, compact spacing that removes breathing room