AppFontSizesComponentPresets class

Presets específicos para componentes UI (botones, captions, etiquetas, etc.).

Estos presets están optimizados para elementos de interfaz específicos y siguen las mejores prácticas de accesibilidad y usabilidad.

📏 Tamaños Recomendados por Componente

Botones/CTA:

  • Móvil: 14-18px (mínimo 14px para táctil)
  • Tablet: 15-20px
  • Desktop: 14-18px

Captions/Metadata:

  • Móvil: 12-14px (mínimo 12px)
  • Tablet: 12-16px
  • Desktop: 14-16px

Form Labels:

  • Móvil: 14-16px
  • Tablet: 15-18px
  • Desktop: 14-18px

🎯 Principios de Diseño

  1. Mínimo táctil: 14px para elementos interactivos en móvil
  2. Contraste: Captions requieren alto contraste (WCAG AAA)
  3. Legibilidad: Nunca menor a 12px excepto casos especiales
  4. Consistencia: Mantener tamaños similares en contextos similares

See also:

Properties

hashCode → int
The hash code for this object.
no setterinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Static Properties

badge → AppFontSizes
Badge/chip - 12-14px.
final
buttonDesktop → AppFontSizes
Desktop button - 14-16px.
final
buttonLabelLarge → AppFontSizes
@Deprecated('Use buttonLarge instead')
final
buttonLabelSmall → AppFontSizes
@Deprecated('Use buttonSmall instead')
final
buttonLabelStandard → AppFontSizes
@Deprecated('Use buttonDesktop instead')
final
buttonLarge → AppFontSizes
Large CTA - 18px.
final
buttonMobile → AppFontSizes
Mobile button - 14-16px, touch-optimized.
final
buttonSmall → AppFontSizes
Small button/link - 14px minimum.
final
buttonTablet → AppFontSizes
Tablet button - 15-17px.
final
captionDesktop → AppFontSizes
Desktop caption - 14-15px.
final
captionEmphasis → AppFontSizes
Emphasized caption - 14px.
final
captionLarge → AppFontSizes
@Deprecated('Use captionEmphasis instead')
final
captionMobile → AppFontSizes
Mobile caption - 12-13px minimum.
final
captionStandard → AppFontSizes
@Deprecated('Use captionMobile instead')
final
captionTablet → AppFontSizes
Tablet caption - 12-14px.
final
captionTiny → AppFontSizes
@Deprecated('Use captionMobile instead')
final
dialogTitle → AppFontSizes
Dialog title - 20px.
final
formHint → AppFontSizes
Form hint - 14px.
final
formLabelDesktop → AppFontSizes
Desktop form label - 14-18px.
final
formLabelLarge → AppFontSizes
@Deprecated('Use formLabelTablet instead')
final
formLabelMobile → AppFontSizes
Mobile form label - 14-16px.
final
formLabelSmall → AppFontSizes
@Deprecated('Use formLabelMobile instead')
final
formLabelStandard → AppFontSizes
@Deprecated('Use formLabelDesktop instead')
final
formLabelTablet → AppFontSizes
Tablet form label - 15-18px.
final
listItemSubtitle → AppFontSizes
List item subtitle - 14px.
final
listItemTitle → AppFontSizes
List item title - 16px.
final
Navigation menu - 15-16px.
final
notification → AppFontSizes
Notifications - 14-16px.
final
overlineLarge → AppFontSizes
Overline large - 14px.
final
overlineSmall → AppFontSizes
@Deprecated('Use overlineStandard with 10px 대신')
final
overlineStandard → AppFontSizes
Overline standard - 12px (all caps recommended).
final
tabLabel → AppFontSizes
Tab labels - 14-16px.
final
tooltip → AppFontSizes
Tooltip - 12px (ensure high contrast).
final