02: Home page

Caution

The home page includes several graphical elements that will likely require a developer’s intervention to update.

Layout

Format: layout: layouts/home.html

Sample:

layout: layouts/home.html

Title

(Page title for SEO) Format

• Follow style guidelines for casing
• Generally no more than 70 characters
• Format: Page name/keywords | 10x
• Limit punctuation, except commas
• Note that the info following the pipe is set once for the entire site and is managed in _data\site.json. Therefore, you only need to add the information before the pipe to individual files.

Sample:

Open Data Portfolio

Description

(Meta description for SEO) Format:

• 150-170 characters
• May end with call to action
• Write for a human, but include keywords and 10x
• Begin with an action word, if possible

Sample:

description: 10x takes ideas from federal employees on ways technology can improve government digital experiences. Send in your idea!

Date

Format: Last Modified MM/DD/YYYY

Sample:

date: Last Modified 12/12/2024

Hero-banner

(Title page) Format:

• Sentence case
• Include 10x
• Include major keywords (venture studio; federal government)

Sample:

title: "10x is the federal government's very own venture studio"

News-card

Format:

• Date: Month Day, Year
• Title: Sentence case
• Subtitle: Supporting copy
• Button_text: Short copy
• Button_link: Relative URL

Sample:

Header_columns

Format:

• Title: Sentence case
• List of columns in the order they will appear
• Title: Short header
• Text: Description. Note: Pay special attention to hyperlinks. Any quote marks or symbols must be escaped, e.g., \" and & vs. & in hyperlinks

Sample:

Section_1_static_content

Format:

• Title: Sentence case
• Text: Sentence case
• Button_text: Sentence case (keep it brief)
• Button_link: relative URL

Sample:

Section_2_static_content

Format:

• Title: Sentence case
• Button_text: Sentence case (keep it short)
• Button_link: Relative URL

Sample:

Section_3_content

Format:

• Title: Sentence case

• For each card, in the order they appear:

  • Subtitle: Investment area
  • Title: Product or project name
  • Text: Supporting copy
  • Button_link: Relative URL

Sample:

Section_4_static_content

Format:

• Title: Sentence case. To emphasize using color, use <span class="purple"> [copy ] . Note: Any quote marks must be escaped, e.g., \"
• Button_text: Brief text
• Button_link: Relative URL

Sample: