ui component foundation type / Typography
Typography
定义字体家族、字号、字重、行高和字距的基础尺度。
Identity
- Subtype
- 基础
- Parent Taxonomy
- Foundations & Visual Primitives
What
- Composition & States
- Font family、type scale、weight、leading、tracking。
Why
- Role
- 定义字体家族、字号、字重、行高和字距的基础尺度。
Where
- Applicable Context
- Web Interface Design
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Accessibility StatementAccessibility StatementReverse · Related
公开说明无障碍承诺、支持范围、已知限制和反馈渠道。
- AI Prompt / ResponseAI Prompt / ResponseReverse · Related
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- Announcement / Site AlertAnnouncement / Site AlertReverse · Related
在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。
- API / Code ExampleAPI / Code ExampleReverse · Related
用请求、参数、代码和结果说明 API 或技术能力如何被正确使用。
- Article BodyArticle BodyReverse · Related
承载文章或长内容的标题层级、正文、媒体、引用、代码和结构化信息。
- Author BioAuthor BioReverse · Related
说明作者身份、专业背景、联系方式和相关文章,建立内容责任主体。
- Breadcrumb TrailBreadcrumb TrailReverse · Related
显示当前页面在信息架构中的位置,并提供返回上级的路径。
- Chat / ConversationChat / ConversationReverse · Related
围绕实时或异步消息组织对话、参与者、上下文和输入动作。
- Checkout / Order SummaryCheckout / Order SummaryReverse · Related
总结商品、价格、地址、支付和风险信息,支持用户完成交易。
- Comments / DiscussionComments / DiscussionReverse · Related
允许用户在内容对象下阅读、发表和回复讨论,并处理审核和空状态。
- Cookie / Privacy ConsentCookie / Privacy ConsentReverse · Related
解释 Cookie、追踪和隐私选择,并让用户能接受、拒绝或细化设置。
- CTA BandCTA BandReverse · Related
在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。
- Data Freshness / Last UpdatedData Freshness / Last UpdatedReverse · Related
表达数据更新时间、来源、有效期和刷新动作,避免用户误读过期内容。
- FAQFAQReverse · Related
回答高频疑问,减少决策、使用或转化过程中的不确定性。
- Footer NavigationFooter NavigationReverse · Related
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Form Success / Next StepsForm Success / Next StepsReverse · Related
在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
- HeroHeroReverse · Related
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Lead CaptureLead CaptureReverse · Related
收集完成转化所需的最少信息,并提供明确的价值交换和提交反馈。
- Maintenance / Status PageMaintenance / Status PageReverse · Related
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Notification / Update FeedNotification / Update FeedReverse · Related
按时间、类型和已读状态聚合系统、产品或业务更新。
- Page Header / IntroPage Header / IntroReverse · Related
在页面上下文中说明当前位置、标题、摘要和主要动作。
- Pricing ComparisonPricing ComparisonReverse · Related
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Product / Plan CardsProduct / Plan CardsReverse · Related
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Progress / Empty / ErrorProgress / Empty / ErrorReverse · Related
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Review SummaryReview SummaryReverse · Related
聚合评分、评论量、分布和代表性评论,让评价证据可比较。
- Security & ComplianceSecurity & ComplianceReverse · Related
解释安全、隐私、合规、数据处理和认证信息,支持高风险决策。
- Social ProofSocial ProofReverse · Related
通过用户证言、评分、数量、客户标志或外部评价降低不确定性。
- Status / AvailabilityStatus / AvailabilityReverse · Related
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Testimonial BlockTestimonial BlockReverse · Related
以一个或多个用户/客户证言呈现具体体验、身份和可信上下文。
- Timeline / MilestonesTimeline / MilestonesReverse · Related
按时间或阶段表达项目、组织、产品或用户旅程的关键节点。
- Tool ResultTool ResultReverse · Related
呈现工具计算、转换、生成或分析后的结果、解释和下一步动作。
- Trust BadgesTrust BadgesReverse · Related
呈现安全、认证、付款、隐私或平台资质等降低风险的标识。
- Usage MetricsUsage MetricsReverse · Related
用数量、比例、增长或规模指标让产品价值和使用结果可快速理解。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Foundations & Visual Primitives基础视觉与设计要素Related
颜色、排版、间距、图标、网格、分隔线和层级等构成界面的基础视觉与结构语言。