Inference Design System

• Grid
• Colours
• Spacings
• Typography
• Buttons
• Links
• Forms
• Cards
• Icons
• Others
• Math Symbols

• Grid

  ---

  Active Media query

  ✔ Small

  Small

  ✔ Medium

  Medium

  ✔ Large

  Large

  ✔ X-Large

  X-Large

  ---

  Grid STANDARD

  Item

  Item

  Item

  Item

  Item

  ---

  Grid STANDARD DIVIDER

  Item

  Item

  Item

  Item

  Item

  ---

  Grid COLLAPSE

  Item

  Item

  Item

  Item

  Item

  ---

  Grid COLLAPSE DIVIDER

  Item

  Item

  Item

  Item

  Item

  ---

  Grid SMALL

  Item

  Item

  Item

  Item

  Item

  ---

  Grid SMALL DIVIDER

  Item

  Item

  Item

  Item

  Item

  ---

  Grid MEDIUM

  Item

  Item

  Item

  Item

  Item

  ---

  Grid MEDIUM DIVIDER

  Item

  Item

  Item

  Item

  Item

  ---

  Grid LARGE

  Item

  Item

  Item

  Item

  Item

  ---

  Grid LARGE DIVIDER

  Item

  Item

  Item

  Item

  Item

• Colors

  ---

  {{color.name}}

  {{color.value}}

• Spacings

  ---

  Linea di riferimento spacing

  ---

  Remove

  xxxSmall

  xxSmall

  xSmall

  Small

  Medium

  Large

  xLarge

  xxLarge

  xxxLarge

• Typography

  ---

  Main Font Families

  Mercury

  Whitney

  Text Colors

  warm-grey-900

  #332b2a

  warm-grey-500

  #8c8281

  ---

  All Font Families

  ct-font-mercury-book

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-mercury-book-italic

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-mercury-medium

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-mercury-medium-italic

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-mercury-book-small-caps

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-whitney-book

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-whitney-medium

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  ct-font-whitney-semibold

  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deleniti eligendi laborum quisquam tenetur. Assumenda debitis doloremque eum fugit harum illum impedit minima natus nesciunt porro possimus, quae, quas reiciendis.

  ---

  Desktop (responsive)

  H1 - Lorem

  Family:

  Mercury

  Size:

  72 px

  Line height:

  84 px

  H2 - Lorem

  Family:

  Mercury

  Size:

  52 px

  Line height:

  61 px

  H3 - Lorem

  H3 - Lorem

  Family:

  Mercury, Whitney

  Size:

  32 px

  Line height:

  37 px

  H4 - Lorem

  H4 - Lorem

  Family:

  Mercury, Whitney

  Size:

  24 px

  Line height:

  28 px

  H5 - Lorem

  H5 - Lorem

  Family:

  Mercury, Whitney

  Size:

  20 px

  Line height:

  23 px

  H6 - Lorem

  H6 - Lorem

  Family:

  Mercury, Whitney

  Size:

  18 px

  Line height:

  21 px

  H7 - Lorem

  H7 - Lorem

  Family:

  Mercury, Whitney

  Size:

  16 px

  Line height:

  18 px

  Caption - Lorem

  Family:

  Mercury, Whitney

  Size:

  14 px

  Line height:

  16 px

  ---

  Body/Article - Lorem

  Family:

  Mercury, Whitney

  Size:

  21 px

  Line height:

  31,5 px

  Body/Large - Lorem

  Family:

  Mercury, Whitney

  Size:

  18 px

  Line height:

  28,8 px

  Body/Medium - Lorem

  Family:

  Mercury, Whitney

  Size:

  16 px

  Line height:

  25,6 px

  Body/Small - Lorem

  Family:

  Mercury, Whitney

  Size:

  14 px

  Line height:

  22,4 px

  Tablet (forced)

  H1 - Lorem

  Family:

  Mercury

  Size:

  50 px

  Line height:

  58 px

  H2 - Lorem

  Family:

  Mercury

  Size:

  42 px

  Line height:

  49 px

  Mobile (forced)

  H1 - Lorem

  Family:

  Mercury

  Size:

  72 px

  Line height:

  84 px

  H2 - Lorem

  Family:

  Mercury

  Size:

  52 px

  Line height:

  61 px

  H3 - Lorem

  H3 - Lorem

  Family:

  Mercury, Whitney

  Size:

  32 px

  Line height:

  37 px

  H4 - Lorem

  H4 - Lorem

  Family:

  Mercury, Whitney

  Size:

  24 px

  Line height:

  28 px

  Buttons

  Button Link Small

  Family:

  Whitney

  Size:

  12 px

  Line height:

  14 px

  Button Link DEFAULT

  Family:

  Whitney

  Size:

  14 px

  Line height:

  16 px

  Button Link Large

  Family:

  Whitney

  Size:

  16 px

  Line height:

  18 px

  Button Link XLarge

  Family:

  Whitney

  Size:

  18 px

  Line height:

  21 px

  Labels

  Label DEFAULT

  Family:

  Whitney

  Size:

  14 px

  Line height:

  16 px

  Label Small

  Family:

  Whitney

  Size:

  12 px

  Line height:

  14 px

• Buttons

  ---

  Name	Default	Disabled
  Filled - Default	Button	Button
  Filled - Small	Button	Button
  Outlined - Default	Button	Button
  Outlined - Default - Inverse	Button	Button
  Outlined - Small - Inverse	Button	Button
  Icon - Squared
  Icon - Rounded
  Underlined - Default	Underlined	Underlined
  Underlined - Icon	Underlined	Underlined
  Link - Default	Button Link	Button Link
  Link - Default + Icon	Button Link	Button Link
  Link - Only Icon
  Link - Large	Button Link	Button Link

• Links

  ---

  DEFAULT link

• Forms

  ---

  Label

  subscribe

  ---

  Label Success

  Label Error

  ---

  Tail Select: Option 1 Option 2 Option 3

  Tail Select: Option 1 Option 2 Option 3

• Cards

  ---

  1 - Card variant "Hero"

  ######### Card Hero *DESIGN* #########

  Category - Medicine Title - On the Futility of Contact Tracing Authors - Jay Bhattacharya & Mikko Packalen [short_description] Description - Throughout the Covid-19 epidemic, public health authorities have promoted contact tracing as a key tool to combat the spread of the SARS-CoV-2 virus. Nearly every country infected by the virus has adopted some version, though with evidently mixed resLong Description ults given the global spread of the epidemic. Our purpose in this essay is to make the case that, contrar...

  ---

  2 - Card variant "Featured"

  ######### Card Featured *DESIGN* #########

  Category - linguistics Title - The Arabic Grammatical Tradition Authors - Kees Versteegh Description - In the 1960s, the curriculum of a thirty-three-hour week for a senior student at a Dutch grammar school included twelve hours of Latin and Greek, nine hours of French, German, and English, and four hours of Dutch. In the curriculum of grammar schools all over Europe, the ...

  ---

  3 - Card variant "Article"

  ######### Card Article *DESIGN* #########

  Political Science

  + french version

  Disinformed

  Rob DeSalle & Ian Tattersall

  There have been fakes as long as there have been frauds, and that is a very long time; but deepfakes are new fakes, and having initially loitered along the margins of general awareness, they are now occupie...

  ---

  4 - Card variant "Contributor Article"

  ######### Card Contributor Article *DESIGN* #########

  Political Science Disinformed There have been fakes as long as there have been frauds, and that is a very long time; but deepfakes are new fakes, and having initially loitered along the margins of general awareness, they are now occupie...

  ---

  5 - Card variant "External Article"

  ######### Card External Article *DESIGN* #########

  Date - May 3, 2021 There have been fakes as long as there have been frauds, and that is a very long time; but deepfakes are new fakes, and having initially loitered along the margins of general awareness, they are now occupie... Read article

  ---

  6 - Card variant "Search Result Article"

  ######### Card Search Result Article *DESIGN* #########

  LINGUISTICS Misused Terms in Linguistics Evelina Leivada ... “Reconciling Linguistic Theories on Comparative Variation with an Evolutionarily Plausible Language Faculty,” in A Festschrift for Ian Roberts, eds. András Bárány et al...

  ---

  7 - Card variant "Letter"

  ######### Card Letter *DESIGN* #########

  Reflections on a Revolution

  Rob DeSalle & Ian Tattersall

  reply by Robert Berwick & John Iliopoulos

  Lectus egestas quis viverra elit. Scelerisque eget quam fringilla aliquam sed in vel in nunc. In vulputate praesent egestas arcu eget. Ultrices pharetra placerat quis turpis tellus quam.

  ---

  8 - Card variant "Contributor Letter"

  ######### Card Contributor Letter b *DESIGN* #########

  letter This is an Example Letter In response to “The Yang–Mills Model” Lorem ipsum dolor sit amet, consectetur adipiscing elit. A sed massa neque bibendum hendrerit accumsan, condimentum urna eu. Sit eget sagittis amet morbi tellus egestas nisi, aliquam dolor. Vitae ut in lacus, nibh nulla egestas sem ut. Quis accumsan ultrices in tempus. Quis posuere ac justo, id. Dictumst ornare enim augue diam dolor elementum elit. Eu, scelerisque ac a iaculis fringilla sed arcu. Nulla pulvinar risus maecenas accumsan. Purus laoreet lectus pellentesque dolor, accumsan ...

  ---

  9 - Card variant "Search Result Letter"

  ######### Card Search Result Letter *DESIGN* #########

  Terms of Endearment Juan Uriagereka reply by Evelina Leivada In response to “Misused Terms in Linguistics” ... Tony Kroch, David Lightfoot, Massimo Piattelli-Palmarini, Eduardo Raposo, Ian Roberts, Doug Saddy, and William Snyder. To me, it all suggests that we are not as far from one another as it may at first seem even if it is no...

• Icons

  ---

  twitter
  

  arrow-right
  check-radius-active
  check-radius-default
  chevron-down
  

  chevron-left
  

  chevron-right
  chevron-up
  close-big
  close-small
  

  e-mail
  

  external-link
  facebook
  instagram
  menu
  

  pdf
  

  print
  search
  

  

  

  

• Others

  ---

  ---

  Alphebetical List Nav

  • Azure
  • Basin
  • Eureka
  • Laurel
  • Moore
  • Superior
  • Terry
  • Vaughn
  • Worden

• Math Symbols

  ---

  Basic math symbols

  ≠

  ≈

  >

  <

  ≥

  ≤

  ( )

  [ ]

  −

  ±

  ±

  *

  ×

  ⋅

  ÷

  /

  —

  mod

  .

  ab

  a^b

  √a

  3√a

  4√a

  n√a

  %

  ‰

  ppm

  ppb

  ppt

  Geometry symbols

  ∠

  ∟

  °

  deg

  ′

  ″

  AB

  ⊥

  ∥

  ≅

  ~

  Δ

  |x-y|

  π

  rad

  c

  grad

  g

  Algebra symbols

  x

  ≡

  ≜

  :=

  ~

  ≈

  ∝

  ∞

  ≪

  ≫

  ( )

  [ ]

  { }

  ⌊x⌋

  ⌈x⌉

  x!

  | x |

  f (x)

  (f ∘ g)

  "(a b)"

  "[a b]"

  ∆

  ∆

  ∑

  ∑∑

  ∏

  e

  γ

  φ

  π

  Linear Algebra Symbols

  ·

  ×

  A⊗B

  [ ]

  ( )

  | A |

  det(A)

  || x ||

  AT

  A†

  A*

  A -1

  rank(A)

  dim(U)

  Probability and statistics symbols

  P(A)

  P(A ⋂ B)

  P(A ⋃ B)

  P(A | B)

  f (x)

  F(x)

  μ

  E(X)

  E(X | Y)

  var(X)

  σ2

  std(X)

  σX

  "cov(X Y)"

  "corr(X Y)"

  "ρX Y"

  ∑

  ∑∑

  Mo

  MR

  Md

  Q1

  Q2

  Q3

  x

  s 2

  s

  zx

  X ~

  "N(μ σ2)"

  "U(a b)"

  exp(λ)

  "gamma(c λ)"

  χ 2(k)

  "F (k1 k2)"

  "Bin(n p)"

  Poisson(λ)

  Geom(p)

  "HG(N K n)"

  Bern(p)

  Combinatorics Symbols

  n!

  nPk

  nCk

  Set theory symbols

  { }

  A ∩ B

  A ∪ B

  A ⊆ B

  A ⊂ B

  A ⊄ B

  A ⊇ B

  A ⊃ B

  A ⊅ B

  2A

  A = B

  Ac

  A \ B

  A - B

  A ∆ B

  A ⊖ B

  a∈A

  x∉A

  "(a b)"

  A×B

  |A|

  #A

  |

  Ø

  0

  1

  Logic symbols

  ⋅

  ^

  &

  ∨

  |

  x'

  x

  ¬

  !

  ⊕

  ~

  ⇒

  ⇔

  ↔

  ∀

  ∃

  ∄

  ∴

  ∵

  Calculus & analysis symbols

  ε

  e

  y '

  y ''

  y(n)

  Dx y

  Dx2y

  ∫

  ∫∫

  ∫∫∫

  ∮

  ∯

  ∰

  "[a b]"

  "(a b)"

  i

  z*

  z

  Re(z)

  Im(z)

  | z |

  arg(z)

  ∇

  x * y

  δ

  ∞

  Greek alphabet letters

  Α

  Β

  Γ

  Δ

  Ε

  Ζ

  Η

  Θ

  Ι

  Κ

  Λ

  Μ

  Ν

  Ξ

  Ο

  Π

  Ρ

  Σ

  Τ

  Υ

  Φ

  Χ

  Ψ

  Ω

  Roman numerals

  I

  II

  III

  IV

  V

  VI

  VII

  VIII

  IX

  X

  XI

  XII

  XIII

  XIV

  XV

  XVI

  XVII

  XVIII

  XIX

  XX

  XXX

  XL

  L

  LX

  LXX

  LXXX

  XC

  C

  CC

  CCC

  CD

  D

  DC

  DCC

  DCCC

  CM

  M

  V

  X

  L

  C

  D

  M