JianLiao
/

spectrum-doc-fine-tuned

@@ -10,148 +10,168 @@ tags:
 - loss:MultipleNegativesRankingLoss
 base_model: BAAI/bge-large-en-v1.5
 widget:
-- source_sentence: 'Represent this sentence for searching relevant passages: What
-    are some best practices for ensuring images in horizontal cards are visually appealing
-    despite being cropped to fit a square format?'
   sentences:
-  - 'Tree view
     Usage guidelines
-    Horizontal scrolling: If you have a layout that doesn''t allow for users to adjust
-    the width of the container for a tree view, allow them to horizontally scroll
-    in order to see the full depth of the hierarchy.
     Do: Allow horizontal scrolling in a fixed layout.
-    '
-  - 'Cards
     Options
-    Vertical or horizontal : Standard cards can be laid out vertically (components
-    are organized in a column) or horizontally (components are organized in a row).
-    Horizontal cards always have a square preview, and the image is cropped to fit
-    inside the square. These can only be laid out in a tile grid where every card
-    is the same size.'
-  - 'Alert dialog
     Behaviors
-    Button group overflow: An alert dialog can have up to 3 buttons. When horizontal
-    space is limited, button groups stack vertically. They should appear in ascending
-    order based on importance, with the most critical action at the bottom.'
-- source_sentence: 'Represent this sentence for searching relevant passages: Are there
-    any guidelines for the timing and smoothness of the fading effect when hovering
-    over a segment in a donut chart?'
   sentences:
-  - 'Color for data visualization
     Usage guidelines
-    Categorical colors are not ordered. Use these for categorical scales. Do not use
-    these for ordinal, interval, or ratio scales.
-    Sequential colors are ordered. Use these for ordinal and interval scales. It’s
-    also acceptable to use these for ratio scales. Do not use these for categorical
-    scales.
-    Diverging colors are ordered. Use these for ordinal and ratio scales, especially
-    when there is a meaningful middle value. These may also be used for interval scales.
-    Do not use these for categorical scales.'
-  - 'Action group
     Options
-    Density: Action groups come in 2 densities: regular and compact. The compact density
-    retains the same font and icon sizes, but has tighter spacing. The action buttons
-    also become connected for non-quiet action groups.'
-  - 'Donut chart
     Behaviors
-    Hover: Hovering over a segment of a donut chart causes all other segments to fade
-    back from the view. A tooltip displays the segment name, percentage of total,
-    and metric value.'
-- source_sentence: 'Represent this sentence for searching relevant passages: Why is
-    it important to orient the legend to match the chart whenever possible?'
   sentences:
-  - 'Breadcrumbs
     Options
-    Multiline: The multiline variation places emphasis on the selected breadcrumb
-    item as a page title, helping a user to more clearly identify their current location.'
-  - 'Cards
     Layout
-    Card width: Cards are laid out in either a fluid card grid or have fixed widths.
-    Most cards can be organized within a grid where the width of each card is fluid
-    depending on the nature of the grid. In rare cases where cards can’t be laid out
-    in a card grid, they’ll have a fixed width that is defined manually.'
-  - 'Legend
     Options
-    Orientation: Legends can have horizontal or vertical orientation. Whenever possible,
-    orient the legend to match the chart.'
-- source_sentence: 'Represent this sentence for searching relevant passages: What
-    is the primary use case for radio buttons according to the Adobe Spectrum Design
-    Documentation?'
   sentences:
-  - 'Radio group
     Usage guidelines
-    Use radio buttons for mutually exclusive options: Radio buttons and [checkboxes](/page/checkbox)
-    are not interchangeable. Radio buttons are best used for selecting a single option
-    from a list of mutually exclusive options. Checkboxes are best used for selecting
-    multiple options at once (or no options).
-    '
-  - 'Additional resources: - [Human Interface Guidelines: iOS Tab Bars](https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/)
-    - [Human Interface Guidelines: Accessibility](https://developer.apple.com/design/human-interface-guidelines/accessibility/overview/introduction/)
-    '
-  - 'Picker
     Options
-    Label position: Labels can be placed  either on top or on the side. Top labels
-    are the default and are recommended because they work better with long copy, localization,
-    and responsive layouts. Side labels are most useful when vertical space is limited.'
-- source_sentence: 'Represent this sentence for searching relevant passages: How can
-    a designer balance the need for clear text links and the need for emphasized text
-    in a user interface?'
   sentences:
-  - 'Meter
     Options
-    Positive variant: The positive variant has a green fill to show the value. This
-    can be used to represent a positive semantic value, such as when there’s a lot
-    of space remaining.'
-  - 'Badge
     Options
-    Size: Badges come in four different sizes: small, medium, large, and extra-large.
-    The small size is the default and most frequently used option. Use the other sizes
-    sparingly to create a hierarchy of importance on a page.'
-  - 'Typography
     Usage guidelines
-    Don''t use underlines for adding emphasis: Underlines are reserved for text links
-    only. They should not be used as a way for adding emphasis to words.
-    '
 datasets:
 - JianLiao/spectrum-design-docs
 pipeline_tag: sentence-similarity
@@ -227,6 +247,7 @@ model-index:
     - type: cosine_map@100
       value: 0.11639203259428242
       name: Cosine Map@100
 ---
 # SentenceTransformer based on BAAI/bge-large-en-v1.5

 - loss:MultipleNegativesRankingLoss
 base_model: BAAI/bge-large-en-v1.5
 widget:
+- source_sentence: >-
+    Represent this sentence for searching relevant passages: What are some best
+    practices for ensuring images in horizontal cards are visually appealing
+    despite being cropped to fit a square format?
   sentences:
+  - >
+    Tree view
     Usage guidelines
+    Horizontal scrolling: If you have a layout that doesn't allow for users to
+    adjust the width of the container for a tree view, allow them to
+    horizontally scroll in order to see the full depth of the hierarchy.
     Do: Allow horizontal scrolling in a fixed layout.
+  - >-
+    Cards
     Options
+    Vertical or horizontal : Standard cards can be laid out vertically
+    (components are organized in a column) or horizontally (components are
+    organized in a row).
+    Horizontal cards always have a square preview, and the image is cropped to
+    fit inside the square. These can only be laid out in a tile grid where every
+    card is the same size.
+  - >-
+    Alert dialog
     Behaviors
+    Button group overflow: An alert dialog can have up to 3 buttons. When
+    horizontal space is limited, button groups stack vertically. They should
+    appear in ascending order based on importance, with the most critical action
+    at the bottom.
+- source_sentence: >-
+    Represent this sentence for searching relevant passages: Are there any
+    guidelines for the timing and smoothness of the fading effect when hovering
+    over a segment in a donut chart?
   sentences:
+  - >-
+    Color for data visualization
     Usage guidelines
+    Categorical colors are not ordered. Use these for categorical scales. Do not
+    use these for ordinal, interval, or ratio scales.
+    Sequential colors are ordered. Use these for ordinal and interval scales.
+    It’s also acceptable to use these for ratio scales. Do not use these for
+    categorical scales.
+    Diverging colors are ordered. Use these for ordinal and ratio scales,
+    especially when there is a meaningful middle value. These may also be used
+    for interval scales. Do not use these for categorical scales.
+  - >-
+    Action group
     Options
+    Density: Action groups come in 2 densities: regular and compact. The compact
+    density retains the same font and icon sizes, but has tighter spacing. The
+    action buttons also become connected for non-quiet action groups.
+  - >-
+    Donut chart
     Behaviors
+    Hover: Hovering over a segment of a donut chart causes all other segments to
+    fade back from the view. A tooltip displays the segment name, percentage of
+    total, and metric value.
+- source_sentence: >-
+    Represent this sentence for searching relevant passages: Why is it important
+    to orient the legend to match the chart whenever possible?
   sentences:
+  - >-
+    Breadcrumbs
     Options
+    Multiline: The multiline variation places emphasis on the selected
+    breadcrumb item as a page title, helping a user to more clearly identify
+    their current location.
+  - >-
+    Cards
     Layout
+    Card width: Cards are laid out in either a fluid card grid or have fixed
+    widths. Most cards can be organized within a grid where the width of each
+    card is fluid depending on the nature of the grid. In rare cases where cards
+    can’t be laid out in a card grid, they’ll have a fixed width that is defined
+    manually.
+  - >-
+    Legend
     Options
+    Orientation: Legends can have horizontal or vertical orientation. Whenever
+    possible, orient the legend to match the chart.
+- source_sentence: >-
+    Represent this sentence for searching relevant passages: What is the primary
+    use case for radio buttons according to the Adobe Spectrum Design
+    Documentation?
   sentences:
+  - >+
+    Radio group
     Usage guidelines
+    Use radio buttons for mutually exclusive options: Radio buttons and
+    [checkboxes](/page/checkbox) are not interchangeable. Radio buttons are best
+    used for selecting a single option from a list of mutually exclusive
+    options. Checkboxes are best used for selecting multiple options at once (or
+    no options).
+  - >
+    Additional resources: - [Human Interface Guidelines: iOS Tab
+    Bars](https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/)
+    - [Human Interface Guidelines:
+    Accessibility](https://developer.apple.com/design/human-interface-guidelines/accessibility/overview/introduction/)
+  - >-
+    Picker
     Options
+    Label position: Labels can be placed  either on top or on the side. Top
+    labels are the default and are recommended because they work better with
+    long copy, localization, and responsive layouts. Side labels are most useful
+    when vertical space is limited.
+- source_sentence: >-
+    Represent this sentence for searching relevant passages: How can a designer
+    balance the need for clear text links and the need for emphasized text in a
+    user interface?
   sentences:
+  - >-
+    Meter
     Options
+    Positive variant: The positive variant has a green fill to show the value.
+    This can be used to represent a positive semantic value, such as when
+    there’s a lot of space remaining.
+  - >-
+    Badge
     Options
+    Size: Badges come in four different sizes: small, medium, large, and
+    extra-large. The small size is the default and most frequently used option.
+    Use the other sizes sparingly to create a hierarchy of importance on a page.
+  - >+
+    Typography
     Usage guidelines
+    Don't use underlines for adding emphasis: Underlines are reserved for text
+    links only. They should not be used as a way for adding emphasis to words.
 datasets:
 - JianLiao/spectrum-design-docs
 pipeline_tag: sentence-similarity
     - type: cosine_map@100
       value: 0.11639203259428242
       name: Cosine Map@100
+license: mit
 ---
 # SentenceTransformer based on BAAI/bge-large-en-v1.5