0
Skip to Content
Jasmine Rae Friedrich
Home
Resume
LinkedIn
Blaseball Cares
Things You Can Buy
Jasmine Rae Friedrich
Home
Resume
LinkedIn
Blaseball Cares
Things You Can Buy
Home
Resume
LinkedIn
Blaseball Cares
Things You Can Buy
Website titled “Oxygen”, open to the tab about Accessibility: “Overview Accela has a responsibility to serve all our customers, regardless of disability or limitation. That’s why we are committed to inclusive, universal design, and to providing ac View fullsize
A grid of color swatches, showing 9 shades in 7 hues each. View fullsize
“AAA Color Combinations: The following color combinations provide AAA contrast ratios and should be the go-to for textual interfaces,” followed by a grid of color swatches, indicating what color text to use on top of various backgrounds. View fullsize
“AAA in Dark Mode: When styling an interface in dark mode, recommendations are reversed with minor adjustments,” followed by a grid of color swatches, indicating what color text to use on top of various backgrounds. View fullsize
An 11 by 11 grid of color swatches, showing the color contrast ranges that are acceptable for AA and AAA compliance in Spectrum’s neutral ramp. View fullsize
“Icon Grid: To make icons fairly cohesive, every icon in each size has been drawn using the same grid and keylines. This helps ensure that different icons feel the same size and weight, and that each icon can be interchanged with others without pro View fullsize
“Display Sizes: The 20pt icons should be used sparingly, only as part of a larger component such as a table, where the standard size will not comfortably fit. They should also not be scaled up or down at any time. The 24pt icons can be used more View fullsize
“Icon Details: Accelicons are drawn with a small set of visual motifs and principles in mind. Align to the keylines Align to the pixel grid Stay within the live area Use 2pt stroke weight Have rounded exterior corners Have sharp interior corn View fullsize
“Internationalization: Many icons will be appropriate across international uses by default, but in some cases there are multiple variants for different regions, particularly those showing a globe or currency symbol. In these instances, the icon shou View fullsize
“Right to Left: Some icons indicate or rely on direction in a way that will be incompatible with right-to-left implementations. For these icons, be prepared to programmatically mirror or replace the image,” followed by a variety of icons, including View fullsize
“Inclusion: The Accelicon icon set aims to be inclusive in its representation, providing icons for multiple faiths, non-male-default icons for people, and icons to represent various disabilities and assistive technologies,” followed by a variety of View fullsize
The typographic hierarchy, showing five levels of header, body text and caption styles in Chivo. View fullsize
“Chivo: This sans serif is friendly yet professional, distinctive yet readable. Accela tested several typefaces for user preference in 2018, and Chivo edged out all the competition, including Open Sans, its predecessor in our interfaces. Chivo is th View fullsize
“Callout: Though it features a robust character set, Callout should only be used to draw attention to important numeric values, such as dates, times and scores. Use sparingly and deliberately, and check OpenType features for variant glyphs. Avoid us View fullsize
“The Oxygen Design System includes five button roles: Primary, for the main action of a page Secondary, for other actions Create, for creating, adding or uploading Delete, for deleting or canceling Tertiary, for de-emphasized actions appearing View fullsize
Design previews for 15 varieties of button. View fullsize
“The Oxygen Design System includes many specialized form fields which should be utilized to constraint input whenever possible, with inline or on-submit validation available for special cases.” View fullsize
A design preview for 10 varieties of inputs. View fullsize
Website titled “Oxygen”, open to the tab about Accessibility: “Overview Accela has a responsibility to serve all our customers, regardless of disability or limitation. That’s why we are committed to inclusive, universal design, and to providing ac
A grid of color swatches, showing 9 shades in 7 hues each.
“AAA Color Combinations: The following color combinations provide AAA contrast ratios and should be the go-to for textual interfaces,” followed by a grid of color swatches, indicating what color text to use on top of various backgrounds.
“AAA in Dark Mode: When styling an interface in dark mode, recommendations are reversed with minor adjustments,” followed by a grid of color swatches, indicating what color text to use on top of various backgrounds.
An 11 by 11 grid of color swatches, showing the color contrast ranges that are acceptable for AA and AAA compliance in Spectrum’s neutral ramp.
“Icon Grid: To make icons fairly cohesive, every icon in each size has been drawn using the same grid and keylines. This helps ensure that different icons feel the same size and weight, and that each icon can be interchanged with others without pro
“Display Sizes: The 20pt icons should be used sparingly, only as part of a larger component such as a table, where the standard size will not comfortably fit. They should also not be scaled up or down at any time. The 24pt icons can be used more
“Icon Details: Accelicons are drawn with a small set of visual motifs and principles in mind. Align to the keylines Align to the pixel grid Stay within the live area Use 2pt stroke weight Have rounded exterior corners Have sharp interior corn
“Internationalization: Many icons will be appropriate across international uses by default, but in some cases there are multiple variants for different regions, particularly those showing a globe or currency symbol. In these instances, the icon shou
“Right to Left: Some icons indicate or rely on direction in a way that will be incompatible with right-to-left implementations. For these icons, be prepared to programmatically mirror or replace the image,” followed by a variety of icons, including
“Inclusion: The Accelicon icon set aims to be inclusive in its representation, providing icons for multiple faiths, non-male-default icons for people, and icons to represent various disabilities and assistive technologies,” followed by a variety of
The typographic hierarchy, showing five levels of header, body text and caption styles in Chivo.
“Chivo: This sans serif is friendly yet professional, distinctive yet readable. Accela tested several typefaces for user preference in 2018, and Chivo edged out all the competition, including Open Sans, its predecessor in our interfaces. Chivo is th
“Callout: Though it features a robust character set, Callout should only be used to draw attention to important numeric values, such as dates, times and scores. Use sparingly and deliberately, and check OpenType features for variant glyphs. Avoid us
“The Oxygen Design System includes five button roles: Primary, for the main action of a page Secondary, for other actions Create, for creating, adding or uploading Delete, for deleting or canceling Tertiary, for de-emphasized actions appearing
Design previews for 15 varieties of button.
“The Oxygen Design System includes many specialized form fields which should be utilized to constraint input whenever possible, with inline or on-submit validation available for special cases.”
A design preview for 10 varieties of inputs.

a11y-webring.club

This site is a member of the a11y-webring.club.

  • Previous website
  • Random website
  • Next website