Skip to content

Prototyping

Armin edited this page Jan 25, 2021 · 8 revisions

Laravel architecture

laravel-architecture

Color scheme

Light mode

Background colors

  • #f2f6fa #f2f6fa
  • #fff #fff

Buttons

  • #5c55ba #5c55ba
  • #ff7e85 #ff7e85

Border color

The default border utility applies a solid, 1px border, with a default grayish color.

  • #eee #eee

Box shadow

Box shadows are used to make content appear elevated.

  • box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

Text color

The colors provided here don´t pass accessibility standards currently, but will be updated in the future. Should be used with caution.

  • #4a4a4a #4a4a4a
  • #7a7780 #7a7780

Link colors

Base link styles turn links blue and apply an underline on hover.

  • #1c1e21 #1c1e21

Dark mode

Background colors

  • #20232a #20232a
  • #121212 #121212

Buttons

  • #b2beff #b2beff

Text color

The colors provided here don´t pass accessibility standards currently, but will be updated in the future. Should be used with caution.

  • #EBEDF0 #EBEDF0