Foundations
Brand · Logo
The Waypoint
The ATLVS mark is a waypoint , an eight-point navigational star with a center void, the whole navigation system carved into one geometric glyph. Neutral SaaS register, recolored per product. It stands apart from the cosmic GHXSTSHIP ghost-ship skull, which is the parent-company mark only.
The tile carries the product accent; the star stays white (or ink on light grounds). The wordmark is always spaced caps and nowrap. Never lowercase, never unspaced except in URLs and IDs.
| Wordmark spec | Setting |
|---|---|
| Face | Jost geometric, logo lockup only. Headings use Anton; body & UI use Hanken Grotesk. |
| The A | A bare peak with no crossbar, the V flipped. A and V read as mirror forms. |
| Setting | Spaced caps, nowrap. In the full lockup, TECHNOLOGIES is letter-spaced to the exact ATLVS width. |
| Subtitle | Only ATLVS carries TECHNOLOGIES. Compass, Gateway, and Legend stand alone. |
One mark, four accents
Each product is the same waypoint on its own accent tile. Instantly a family, instantly distinct.
Producer / Internal
Crew / Vendor / Talent
Guest / Client
Knowledge / Learning
Neutral / Suite
Clearspace & usage
Keep margin equal to half the mark height on every side.
- Recolor the tile to the product accent; keep the star white (or ink on light).
- Hold clearspace = ½ mark height.
- Use the bare mark at ≤16px; the tiled icon at ≥32px.
- Pair with the spaced A T L V S wordmark, nowrap.
- Recolor or gradient the star itself. Only the tile carries color.
- Rotate, stretch, or add the cosmic halftone or skull.
- Set the wordmark unspaced or lowercase.
- Drop the bare mark on a busy photo without the solid tile.
Foundations · Color
Color
Neutral surfaces do the work; one accent per product carries identity. Every value resolves from the --p-* namespace and re-tunes per mode for AA contrast.
Foundations · Type
Typography
Monument. Headings and metrics are set in Anton, an ultra-condensed all-caps display face, a single black weight that gives the product poster-scale presence. Body and UI stay Hanken Grotesk so tables and forms read clean; Space Mono is the eyebrow and coordinate vernacular (IDs, codes, labels); and Jost is the constructed wordmark lockup only. Display headings are ALL-CAPS (Anton is a caps face); body and labels stay Title / sentence case.
Three sanctioned ways to deploy the wide headline. Use the right one for the context. Never mix more than one per view.
Accent bar + live mono kicker. The default for app chrome and page headers.
One word takes the product accent so headlines self-brand. Covers, marketing, splash.
Tabular figures at 900 / expanded. Dashboards and reports.
Foundations · Space
Spacing
A 4px base grid. Density swaps the control and row rhythm. The same tokens tighten under data-density="compact".
Foundations · Radius
Radii
Soft and productivity-tool friendly, never pop-art sharp. Pills for chips and toggles only.
Foundations · Elevation
Elevation
A cool, tight three-step scale: resting → hover → popover & modal. Shadows stay subtle in light and lean on borders in dark.
Foundations · Motion
Motion
Quick and unfussy. One easing curve, short durations, and a hard rule: never transition a token-backed background across a theme switch. Recolor instantly and animate filter or opacity instead.
| Token | Value | Use |
|---|---|---|
--p-ease | 140ms cubic-bezier(.2,.7,.2,1) | Hover, press, micro-interactions |
| Hover lift | translateY(-2px) + elev-2 | Cards, stat tiles |
| Skeleton shimmer | 1.4s ease, infinite | Loading placeholders (respects reduced-motion) |
| Spinner | 0.7s linear | Actions in flight |
Foundations · Icons
Iconography
Phosphor Icons: Bold weight for UI, Fill for status seals and emphasis. Line up with text at 16 to 20px; standalone actions at 24px. Single-color, inheriting currentColor.