There are many style options for cards. Please refer to UW Cookbook website to see the complete guidelines for using cards. The examples below show which UW “color” style to use for CFAR branding.
Style: image-top
Color gold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Color purple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Color white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Style: inset
Color gold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Color purple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Color white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Style: block
Color gold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Color white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla hendrerit arcu in dictum.
Style: large
Default large card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in scelerisque nulla, condimentum rutrum purus.
Color purple, align left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in scelerisque nulla, condimentum rutrum purus.
Color white, align right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in scelerisque nulla, condimentum rutrum purus.
Shortcode
[uw_card style="image-top" color="gold" title="Lorem ipsum" button="button_text" image="" alt="lorem ipsum" link="#"]Lorem ipsum…[/uw_card]
[uw_card style="image-top" color="purple" title="Lorem ipsum" button="button_text" image="" alt="lorem ipsum" link="#"]Lorem ipsum…[/uw_card]
[uw_card style="image-top" color="white" title="Lorem ipsum" button="button_text" image="" alt="lorem ipsum" link="#"]Lorem ipsum…[/uw_card]
[uw_card style="block" color="gold" title="Color gold"]Lorem ipsum…[/uw_card]
[uw_card style="block" color="white" title="Color white"]Lorem ipsum…[/uw_card]
[uw_card style="text-link" title="Lorem ipsum" link="#" button="button_text"]Lorem ipsum…[/uw_card]
[uw_card style="step" title="Lorem ipsum" link="#" button="button_text" subtitle="subtitle_text" icon="ic-check"]Lorem ipsum…[/uw_card]
[uw_card style="large" align="" color="" title="Default large card" image="#" alt="alt_text" button="button_text" link="#"]Lorem ipsum…[/uw_card]
[uw_card style="large" align="left" color="purple" title="Default large card" image="#" alt="alt_text" button="button_text" link="#"]Lorem ipsum…[/uw_card]
[uw_card style="large" align="right" color="white" title="Default large card" image="#" alt="alt_text" button="button_text" link="#"]Lorem ipsum…[/uw_card]