Supreme Magazine

Buttons

Standard Square Buttons

Small Button Medium button Large button
[button colour="accent" type="standard" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="standard" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="standard" size="large" link="#" target="_self]Large button[/button]

Square Buttons with arrows

Small Button Medium button Large button
[button colour="accent" type="squarearrow" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="squarearrow" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="squarearrow" size="large" link="#" target="_self]Large button[/button]

Slightly Rounded Buttons

Small Button Medium button Large button
[button colour="accent" type="slightlyrounded" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="slightlyrounded" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="slightlyrounded" size="large" link="#" target="_self]Large button[/button]

Slightly Rounded Buttons with arrows

Small Button Medium button Large button
[button colour="accent" type="slightlyroundedarrow" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="slightlyroundedarrow" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="slightlyroundedarrow" size="large" link="#" target="_self]Large button[/button]

Rounded Buttons

Small Button Medium button Large button
[button colour="accent" type="rounded" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="rounded" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="rounded" size="large" link="#" target="_self]Large button[/button]

Rounded Buttons with arrows

Small Button Medium button Large button
[button colour="accent" type="roundedarrow" size="small" link="#" target="_self]Small Button[/button] [button colour="accent" type="roundedarrow" size="medium" link="#" target="_self]Medium button[/button] [button colour="accent" type="roundedarrow" size="large" link="#" target="_self]Large button[/button]

Coloured Buttons with arrows

Small Button Small button Small button Small button Small button Small button Small button Small button Small button Small button
[button colour="black" type="slightlyroundedarrow" size="small" link="#" target="_self]Small Button[/button] [button colour="grey" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="lightgrey" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="purple" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="lightblue" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="turquoise" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="green" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="limegreen" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="orange" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button] [button colour="pink" type="slightlyroundedarrow" size="small" link="#" target="_self]Small button[/button]

Button effects

Outer Glow Effect Button

 

Drop Shadow Effect Button
[button colour="accent" type="outerglow" size="small" link="#" target="_self]Outer Glow Effect Button[/button]
[button colour="accent" type="dropshadow" size="small" link="#" target="_self]Drop Shadow Effect Button[/button]