Skip to Article
Samford University Logo
  • Menu IconMenu
    • Home
    • About
      • Administration
        • Academic Affairs
        • Advancement & Marketing
        • Enrollment Management
        • Finance, Business Affairs & Strategy
        • Office of the President
        • Student Affairs
        • Trustees
      • By the Numbers
      • Campus & Community
      • Departments
      • History & Traditions
        • Founders
        • Presidents
        • Traditions
      • Maps & Directions
      • Mission, Vision & Values
    • Academics
      • Undergraduate Programs
        • Majors
        • Minors
        • Air Force ROTC
        • General Education
          • Core Texts
          • Core Writing
          • Biblical Foundations
          • Concepts of Fitness & Health
        • Honors Programs
        • Scholars Programs
        • Special Programs
      • Graduate Programs
      • Online Programs
      • Continuing Education
      • Non-Degree Programs
      • Study Abroad
      • Academic Centers
      • Scholarship & Research
      • Schools
      • University Library
    • Admission
      • Undergraduate
        • Apply
        • Contact Us
        • Visit Campus
        • International Students
        • Transfer Students
        • Financial Aid
          • Payment Plans
          • Student Loans
          • Student Employment
        • Scholarships
        • Tuition & Fees
        • High School Counselors
        • Refer a Student
        • Orientation
      • Graduate
        • Financial Aid
        • Payment Plans
        • Request More Info
        • Student Employment
        • Student Loans
        • Tuition & Fees
      • Legal Disclosures
      • En Español
    • Athletics
    • Event Calendar
    • Giving
    • News & Media
      • News Releases
      • Publications
      • Videos
    • Samford Communities
      • Alumni
      • Employees
      • Faculty
      • Parents
      • Volunteers
    • Student Life
    • Search
  • Search Icon

Visual Web Content Design Library

The content design library provides Samford marketing and communication colleagues with a list of named design components to assist with web-related design collaboration.
Aerial Image of Hodges, Davis and Reid
 
Standard Hero
The title, subtitle and buttons can appear on the left, center or right across the top, center or bottom of the image.

Primary Button Secondary Button

Female Student Library Portico
 
Responsive Hero
The title, subtitle and buttons can appear on the left, center or right across the top, center or bottom of the image.

Primary Button Secondary Button

Video poster for Vy2D5BoiGFs
 
YouTube Video Hero
Add texture to the page by playing a YouTube video in the background.

Primary Button Secondary Button

 
Vimeo Video Hero
Add texture to the page by playing a muted video in the background.

Primary Button Secondary Button

Female Student
 
Program Type
Degree Name
The title, subtitle and buttons can appear on the left, center or right across the top, center or bottom of the image.

Take the Next Step Learn More

Play the video

Content Carousel

Display up to six content blocks of similar type and content length in a single, compact location. The background can be blue, gray, red or white and can include images, text and video. This is a great option for displaying multiple testimonials without making the page too busy.
Play the video

Michelle’s Story

After years of caring for her family, Michelle began her journey in the online program with the encouragement of her supervisor and colleagues. With this encouragement and hard work, Michelle achieved her goal of finishing her college education and earning her degree in Organizational Leadership through Samford Online.
Play the video

Thomas’ Story

For Thomas Brown, Samford Online was a life-changing experience that prepared him for real-time career growth. With a family and full-time job, Thomas obtained his Organizational Leadership degree, as well as his MSEM. Thomas’ resounding message to anyone considering Samford Online, no matter their stage in life, is to “Go for it! It’s so doable!”
Play the video

Ashley's Story

At first, Ashley Russell was unsure if online school was something she would be able to accomplish. Thanks to how her professors cared for her and treated her just like an in-person student, Ashley achieved her goal and graduated with her degree in Organizational Leadership. She proudly walked across the stage at commencement thanks to the support of Samford Online.
Play the video

Gauge's Story

After being deployed prior to his junior year of college, Gauge pivoted his studies from Samford’s residential program to online. While serving his country, Gauge completed his Organizational Leadership degree on time while remaining connected to the Samford community, and exemplified our motto of Learn Everywhere, Lead Anywhere.
Content Box: This example includes a blockquote centered for desktop followed by a button.

Optional Button

Blue Content Box: This example includes a blockquote centered for desktop followed by a button.

Optional Button

Gray Content Box: This example includes a blockquote centered for desktop followed by a button.

Optional Button

SquareImage
 
Blue Testimonial Box
“Typically used for testimonials, this component almost always includes a blockquote.

“As in this case, it may also include an optional title, paragraph, attribution and button. Testimonial images must be square and may appear on the left or right.”

Name of Person Quoted
Year of Graduation or Job Title

Optional Button

SquareImage
 
Gray Testimonial Box
“Typically used for testimonials, this component almost always includes a blockquote.

“As in this case, it may also include an optional title, paragraph, attribution and button. Testimonial images must be square and may appear on the left or right.”

Name of Person Quoted
Year of Graduation or Job Title

Optional Button

Play the video
 
Two-Column Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.

The other column typically contains complimentary text. This sample includes a blockquote and supporting text on the left and a YouTube video and poster image on the right. Visual content can appear in the left, right, or both columns.

Optional Button

Play the video
 
Two-Column Blue Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.

The other column typically contains complimentary text. This sample includes a YouTube video and Samford poster image on the left and a blockquote with supporting text on the right. Visual content can appear in the left, right, or both columns.

Optional Button

Hodges Chapel Interior VR
 
Two-Column Gray Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.

The other column typically contains complimentary text. This sample includes a blockquote and supporting text on the left and a VR image link on the right. Visual content can appear in the left, right, or both columns.

Optional Button

Three-Column Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Placeholder

Column One

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Two

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Three

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Three-Column Blue Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Placeholder

Column One

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Two

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Three

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Three-Column Gray Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Placeholder

Column One

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Two

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Three

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Three-Column Blue Overlap
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Placeholder

Column One

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Two

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Placeholder

Column Three

The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.

Optional Button

Two-Column Blue Request for Information

This sample shows the heading, optional subheading and Slate Request for Information (RFI) form in the left column.

Loading...

First Heading

Additional information about the first thing.

  • First Point
  • Second Point
  • Third Point
  • Fourth Point
  • Fifth Point

Second Heading

Some more information about a second thing.

Third Heading

Some more information about a third thing.

Fourth Heading

Some more information about a fourh thing.

Fifth Heading

Some more information about a fifth thing.

Two-Column Gray Request for Information

This sample includes the title and an optional subhead positioned above the content columns.

First Heading

Additional information about the first thing.

  • First Point
  • Second Point
  • Third Point
  • Fourth Point
  • Fifth Point

Second Heading

Some more information about a second thing.

Third Heading

Some more information about a third thing.

Fourth Heading

Some more information about a fourh thing.

Loading...
Samford University,
800 Lakeshore Drive,
Birmingham, AL 35229
      
205-726-2011

Cookie Preferences | Privacy Policy | Software Plugins

Microsoft Excel®

You will need Microsoft Excel® or compatible software like Open Office to read XLS, XLT, XLSX or XLTX files.

Microsoft Power Point®

You will need Microsoft Power Point® or compatible software like Open Office to read POT, POTX, PPS, PPSX, PPT or PPTX files.

Microsoft Word®

You will need Microsoft Word® or compatible software like Open Office to read DOC, DOT, DOCX or DOTX files.

Adobe Portable Document Format

You will need Adobe Acrobat Reader® or compatible software like SumatraPDF to read PDF files.
Facebook Icon Instagram Icon LinkedIn Icon Pinterest Icon Spotify Icon TikTok Icon X IconYouTube Icon

Contact Form

We use cookies to improve our site, personalize content and serve more relevant advertising on other platforms. We do not sell visitor data. View our privacy policy.  
AcceptPreferences

Privacy Preferences [policy]
Accept Necessary, Preference and Performance Cookies
To avoid these cookies use your browser's incognito/private mode.
  • Necessary cookies are not collected for this site.
  • Preference cookies allow this site to remember your choices.
  • Performance cookies provide vital information for troubleshooting problems and improving the user experience. They are anonymized and do not personally identify you.
Select Optional Cookies
to see more relevant ads on third-party sites when using this device.
to see more relevant content on this site when using this device.

SaveClose