Model: JianLiao/spectrum-doc-fine-tuned
Author: JianLiao
Pipeline: sentence-similarity
Library: sentence-transformers
Tags: sentence-transformers, safetensors, bert, sentence-similarity, feature-extraction, generated_from_trainer, dataset_size:14737, loss:MultipleNegativesRankingLoss, en, dataset:JianLiao/spectrum-design-docs, arxiv:1908.10084, arxiv:1705.00652, base_model:BAAI/bge-large-en-v1.5, base_model:finetune:BAAI/bge-large-en-v1.5, license:mit, model-index, text-embeddings-inference, endpoints_compatible, region:us
Base models (finetune): id: BAAI/bge-large-en-v1.5
Card metadata: language: en
tags: sentence-transformers, sentence-similarity, feature-extraction, generated_from_trainer, dataset_size:14737, 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
library_name: sentence-transformers
metrics: cosine_accuracy@1, cosine_accuracy@3, cosine_accuracy@5, cosine_accuracy@10, cosine_precision@1, cosine_precision@3, cosine_precision@5, cosine_precision@10, cosine_recall@1, cosine_recall@3, cosine_recall@5, cosine_recall@10, cosine_ndcg@10, cosine_mrr@10, cosine_map@100
model-index: name: SentenceTransformer based on BAAI/bge-large-en-v1.5
results: task: type: information-retrieval
name: Information Retrieval
dataset: name: sds
type: sds
metrics: type: cosine_accuracy@1
value: 0.007462686567164179
name: Cosine Accuracy@1
verified: no, type: cosine_accuracy@3
value: 0.015603799185888738
name: Cosine Accuracy@3
verified: no, type: cosine_accuracy@5
value: 0.04748982360922659
name: Cosine Accuracy@5
verified: no, type: cosine_accuracy@10
value: 0.7815468113975577
name: Cosine Accuracy@10
verified: no, type: cosine_precision@1
value: 0.007462686567164179
name: Cosine Precision@1
verified: no, type: cosine_precision@3
value: 0.005201266395296246
name: Cosine Precision@3
verified: no, type: cosine_precision@5
value: 0.009497964721845319
name: Cosine Precision@5
verified: no, type: cosine_precision@10
value: 0.07815468113975575
name: Cosine Precision@10
verified: no, type: cosine_recall@1
value: 0.007462686567164179
name: Cosine Recall@1
verified: no, type: cosine_recall@3
value: 0.015603799185888738
name: Cosine Recall@3
verified: no, type: cosine_recall@5
value: 0.04748982360922659
name: Cosine Recall@5
verified: no, type: cosine_recall@10
value: 0.7815468113975577
name: Cosine Recall@10
verified: no, type: cosine_ndcg@10
value: 0.25440066233238845
name: Cosine Ndcg@10
verified: no, type: cosine_mrr@10
value: 0.10778547737502948
name: Cosine Mrr@10
verified: no, type: cosine_map@100
value: 0.11639203259428242
name: Cosine Map@100
verified: no
license: mit
Likes: 0 | All-time downloads: 1370
Created: 2025-01-04 02:04:53