Atlas Support / Brand
Brand guidelines
A consistent identity. Information people can understand.
Introduction
The Atlas Support name, logo, brands, and other Atlas Support trademarks are the property of Atlas Support.
These guidelines help our partners, resellers, customers, developers, consultants, publishers, and other third parties understand how to use and display our trademarks and copyrighted materials in their own assets and publications.
They provide a shared basis for websites, proposals, reports, and publications. Prioritize accuracy, readability, and information that supports a decision.
Name and logo
Write the name as “Atlas Support”, with a space between the words and an initial capital on each. Use the written name and the supplied symbol according to the context.
The website name uses Inter Tight Bold. Do not redraw the supplied logo in another typeface.
Keep the original proportions and background.
- Clear space
- Leave space around the image equal to at least one eighth of its displayed width. Keep text and other logos outside this area.
- Size
- Aim for a symbol image at least 128px wide on the web or 25mm in print. Use the written name when the symbol’s details cannot be distinguished.
- Background and proportions
- Preserve the supplied background and aspect ratio. Keep the symbol clear of surrounding images and text.
Recommended use
- Use the supplied asset and preserve its aspect ratio when resizing.
- Use it in a context that identifies Atlas Support or explains a relevant service.
- When brands appear together, use spacing and scale to make each identity and role clear.
Avoid
- Stretching, rotating, cropping, recoloring, or adding shadows and patterns to the logo.
- Changing the name to “AtlasSupport” or the lowercase “atlas support”.
- Combining logos into a new mark or suggesting a partnership, approval, or endorsement that does not exist.
Color palette
Use white and neutral colors as the foundation for web content, with a pale blue tint to support interaction. Rikyu and Ivory are the symbol colors. Assign a purpose before adding a color.
- Ink
#030712Headings and primary text
- White
#FFFFFFDefault background
- Surface
#F9FAFBGrouped information
- Text gray
#4B5563Body text and supporting detail
- Rule
#E5E7EBDecorative dividers
- Action tint
#D9ECFFSupporting interaction backgrounds
- Rikyu
#4A4636Symbol foreground
- Ivory
#F3F0E6Symbol background
Readable combinations
These ratios compare foreground and background colors. Use at least 4.5:1 for ordinary body text. A pale divider or background color is not a suitable small-text color.
Readable text. Clear information.
#030712 / Background #FFFFFFReadable text. Clear information.
#4B5563 / Background #F9FAFBReadable text. Clear information.
#030712 / Background #D9ECFFReadable text. Clear information.
#4A4636 / Background #F3F0E6Typography
Inter Tight is the primary Latin typeface. Pair it with a standard system sans serif for Japanese. Keep headings concise and let body text follow natural reading order and line breaks.
Show the evidence. Support the next decision.
Explain what was checked, what is known, and what remains open. Help the reader find the information they need and choose the next action.
| Role | Size | Weight | Line height |
|---|---|---|---|
| Page heading | 36–64px | 700 / Bold | 1.2–1.4 |
| Section heading | 24–36px | 600 / Semibold | 1.4 |
| Body text | 16–18px | 400 / Regular | Japanese 1.8 / English 1.6 |
| Notes and captions | 14–16px | 400–500 | At least 1.6 |
- Use a proper heading hierarchy as well as visual differences in size.
- Emphasize key words and conclusions. Avoid entire paragraphs in bold or long passages centered on the page.
- Check font usage permissions before sharing materials. When exporting a PDF, check font embedding or the layout after substitution.
Documents
Arrange a document so the reader can follow its purpose, evidence, decision, and next action. Proposals, research findings, and progress reports should share a clear structure as well as a consistent appearance.
Workflow assessment note
01 Purpose
State the decision this document needs to support.
02 Scope and evidence
List the scope, source materials, and open questions.
03 Decision and next action
Describe the options, owner, deadline, and next check.
An illustrative structure, not an actual evaluation result.
| Item | Definition and content |
|---|---|
| Document details | Title, author, update date, version, and a status such as draft or reviewed. |
| Purpose and scope | Who needs to make which decision. What is in scope and what is excluded. |
| Facts and evidence | Sources, review dates, units, and reporting periods. Separate facts from interpretation. |
| Conclusions and open questions | The current judgment, assumptions, and remaining issues. Do not fill gaps with guesses. |
| Next action | The action, owner, deadline, and any further information needed. |
- Use an 8px spacing unit. Group related information and separate different topics.
- Aim for one main claim per slide. Give reports a heading structure and contents that support navigation.
- Give tables headers and charts units, periods, and sources. Preserve selectable, searchable text when exporting PDFs.
Accessibility
Design so more people can understand the content and use its controls. Refer to WCAG 2.2 Level AA for web work and check these points during production and before publication.
Sufficient contrast
Use at least 4.5:1 for ordinary text and 3:1 for large text. Large text means at least 24px, or about 18.7px when bold. Also check the contrast of boundaries and graphics needed to identify controls or states.
More than color
Pair colors with words or shapes for success, caution, and errors. Distinguish links from body text with cues such as underlines, and add labels where icons alone do not explain an action.
Keyboard and screen readers
Give links and buttons meaningful names and make them operable with a keyboard. Keep focus visible and use appropriate elements for headings, lists, and tables.
Zoom and smaller screens
Keep information and controls usable at 200% text enlargement. Reflow content in reading order on small screens, and provide local scrolling where tables need it.
Comfortable targets
Atlas Support recommends aiming for primary control areas of at least 44 × 44px, with enough separation from adjacent actions. Check the arrangement as well as the dimensions.
Images, video, and motion
Give meaningful images alternative text and provide captions or descriptions for video as appropriate. Keep decorative images out of the reading flow and respect reduced-motion preferences.
Reference standards
These are production and review criteria, not a statement that every page or document has been assessed for conformance.
Meaningful design
Every design element should carry meaning and contribute to understanding and using the whole system.
Before adding an element, explain what it communicates, what it distinguishes, or which action it helps. Match visual differences to differences in the information.
| Element | Meaning |
|---|---|
| Color | Support actions, categories, and states. Do not make color the only cue. |
| Type and headings | Show priority and document structure. Treat equivalent levels consistently. |
| Icons | Support an action or information type. Add words when the meaning is uncertain. |
| Spacing and rules | Group related information and separate distinct topics. |
| Buttons and links | Name the action or destination. Reserve interactive styling for interactive elements. |
| Motion | Explain a change of state or position without interrupting reading or interaction. |
Name the action
Avoid
“Click here”
On its own, this label does not explain the destination or the information available.
Use and contact
When presenting our trademarks or copyrighted materials, use the supplied assets and describe them accurately in line with these guidelines. If another brand appears alongside ours, state the relationship clearly without implying approval, partnership, or endorsement that does not exist.
These guidelines do not transfer ownership of trademarks or copyrighted materials. If a separate agreement or permission applies, check those conditions as well.
For questions about logo use in joint activities, advertising, or publications, contact us with the purpose, destination, proposed appearance, and duration.
Ask about using our brand