TARGETED.ARMY / FRONT-END SYSTEMCanonical

Content Style Guide

Links, article text, and directory cards for content-heavy pages. Metadata and inline-code typography now live in the dedicated Typography section.

2 Component References

Style Guide Section

Editorial 01 — Content

Links, article text, and directory cards for content-heavy pages. Metadata and inline-code typography now live in the dedicated Typography section.

8a17b3e1-0900-4d24-9a71-000000000009
Component Reference

Link 01 — Inline Link

Inline links are theme-tinted and underlined. Author short standalone and action links in Title Case; sentence fragments inside prose follow the surrounding sentence casing. Do not rely on color alone.

Read the complete source guide before continuing.

Friendly Name
Link 01 — Inline Link
GUID
8a17b3e1-0901-4d24-9a71-000000000901
Use in
Articles, Legal Pages, Helper Copy
Show Class & CSS
Class / Reference
ta-text-link
Canonical CSS
.ta-text-link { color:var(--theme-accent-copy); text-decoration:underline; text-underline-offset:3px; }

Source: app/styles/canonical.css. Existing shared components are identified when they remain the live implementation.

Component Reference

Link 02 — View All Link

The compact theme-color action used at the top right of a panel or section. It carries the V2 homepage View All treatment into the shared public style system.

Friendly Name
Link 02 — View All Link
GUID
8a17b3e1-0905-4d24-9a71-000000000905
Use in
Panel Headers, Section Headers, Home Topics
Show Class & CSS
Class / Reference
ta-view-all-link
Canonical CSS
.ta-view-all-link { padding:2px 0 6px 6px; color:var(--theme-accent); font:600 10px/1.2 var(--font-geist-mono),monospace; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; }
Legacy Equivalents to Consolidate

.panel-header > a

Source: app/styles/canonical.css. Existing shared components are identified when they remain the live implementation.