Free Shipping on Orders of $250 $200 £200 200€ or More

Scuf Style Guide

Colors

black#000000
nightshade#17131F
midnight#181928
midnight90#342F3C
midnight70#615E68
midnight50#8E8B93
midnight30#BBB9BE
midnight10#E8E8E8
white#FFFFFF
yellow#E6FF50
violet#D3B3FF
blue#0068C4

Typestyles

type-header-1

Lorem ipsum dolor sit amet

type-header-2

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-header-3

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-header-4

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-header-5

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-header-6

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-header-7

Lorem ipsum dolor sit amet consectetur adipiscing elit

type-body-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

type-body-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

type-body-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

type-label-1

The best controller ever made

type-label-2

The best controller ever made

type-label-3

The best controller ever made

type-special-1

The best controller ever made

type-special-2

The best controller ever made

UI Components

ui-btn

ui-btn--large

ui-btn--small

ui-btn--secondary

ui-btn--secondary ui-btn--large

ui-btn--secondary ui-btn--small

ui-btn--light

ui-btn--light ui-btn--large

ui-btn--light ui-btn--small

ui-btn--text

ui-btn--text ui-btn--large

ui-btn--text ui-btn--text-dark

ui-icon-btn

ui-pagination-dots

ui-pagination-dots--dark

ui-inline-carousel-nav

ui-arrow-filled

ui-arrow-filled--small

ui-pill

Sale
Xbox One & PC
PS4 & PC
#Convention

ui-pill--large

Sale
Xbox One & PC
PS4 & PC
#Convention

ui-number

1

ui-inline-link

See game requirements for compatibility. Due to the customized nature of the controller, please note that non-defective product returns are not accepted. See warranty information for more details.


See game requirements for compatibility. Due to the customized nature of the controller, please note that non-defective product returns are not accepted. See warranty information for more details.

Misc UI Components

background-text

Customizability to the Max

Icons

arrow

arrow-large

arrow-small

plus

minus