Design style guide设计风格指南
What is Atlassian Jira Blue?什么是 Atlassian Jira Blue？
Atlassian Jira Blue proves that enterprise software can feel genuinely human — saturated blue on warm cream, built for engineers but designed for everyone in the room.Atlassian Jira Blue 证明了企业软件也可以真正有人情味——饱和蓝色叠在温暖奶油底上，为工程师而生，却为整个团队而设计。
Atlassian Jira Blue in briefAtlassian Jira Blue 速览
Atlassian Jira Blue is the visual design language anchoring Atlassian's sprawling enterprise-collaboration suite — Jira for issue tracking, Confluence for documentation, Bitbucket for code, Trello for kanban, and Loom for async video. The system is built around a signature saturated blue that reads as confident without being cold, paired with a warm cream ground that softens the formality typically associated with enterprise tooling.Atlassian Jira Blue 是 Atlassian 整套企业协作产品的视觉设计语言——Jira 负责工单追踪、Confluence 承载文档知识、Bitbucket 托管代码、Trello 管理看板、Loom 传递异步视频。这套系统围绕一种标志性的饱和蓝色展开：它传递出自信，却不显冷峻；搭配温暖的奶油底色，柔化了企业工具惯常的正式感。
The style's core gesture is the relationship between its primary blue and its cream background. Rather than placing high-contrast color on stark white — the default move for developer tools — Jira Blue tilts the background toward warmth, creating a visual register that feels closer to a thoughtfully produced publication than to a software dashboard. Deep navy text reinforces legibility without introducing harshness. Abstract, rounded team illustrations add personality in a way that feels consistent rather than decorative.这套风格的核心姿态，在于主蓝与奶油背景之间的关系。大多数开发者工具习惯将高对比度色彩铺在冷白底上，Jira Blue 却将背景向暖色调倾斜，整体气质更接近一本精心制作的出版物，而非一块软件仪表板。深藏青的正文在保障可读性的同时，没有引入任何生硬感。抽象的圆润团队插画为界面注入个性，质感统一而不流于装饰。
What distinguishes Jira Blue from generic corporate blue palettes is the deliberate humanity threaded through every touchpoint. Status tags are color-coded but not aggressive. Kanban cards carry subtle structure without becoming clinical. The illustration style anthropomorphizes abstract team dynamics — sprints, blockers, approvals — into scenes that non-engineers can parse at a glance. The system is modern and confident, but it never sacrifices approachability for authority.将 Jira Blue 与普通企业蓝色系区别开来的，是贯穿每一个触点的刻意人情味。状态标签有颜色编码但不咄咄逼人，看板卡片带有轻盈结构却从不显得冷漠临床。插画风格把抽象的团队动态——迭代冲刺、阻塞器、审批流——转化成非工程师也能一眼读懂的场景。这套系统现代、自信，但从未用威权感牺牲亲近感。
See the Atlassian Jira Blue design system →查看 Atlassian Jira Blue 完整设计系统 →
Where does Atlassian Jira Blue come from?Atlassian Jira Blue 从何而来？
Atlassian was founded in Sydney, Australia, in 2002 by university friends Mike Cannon-Brookes and Scott Farquhar, who bootstrapped the company with a credit card loan and built Jira as a bug and issue tracker for software teams. The name 'Jira' derives from 'Gojira,' the Japanese name for Godzilla, a nod to the founders' playful culture that would later become embedded in the brand's visual personality. From the earliest versions, Atlassian's products had a character distinct from the sterile utilitarian tools common in enterprise software of the early 2000s.Atlassian 由 Mike Cannon-Brookes 与 Scott Farquhar 两位大学好友于2002年在澳大利亚悉尼创立。他们用一张信用卡贷款起家，把 Jira 做成了软件团队的缺陷与工单追踪器。「Jira」这个名字源自「Gojira」——Godzilla（哥斯拉）的日语名称，折射出创始人骨子里的玩味气质，而这份气质后来深深嵌入了品牌的视觉个性。从最早的版本起，Atlassian 产品就带有一种独特的气息，有别于2000年代初企业软件惯常的无菌实用主义。
The Atlassian blue emerged as a product identity color in the brand's early years, serving as a clear differentiator in a market dominated by gray enterprise interfaces and the default blues of legacy project management software. As Atlassian expanded its product suite through the 2000s and 2010s — acquiring Trello in 2017, Loom in 2023, and building out Confluence and Bitbucket alongside Jira — the need for a cohesive multi-product design language became urgent. Individual product teams had developed their own visual conventions, and the growing suite risked fragmenting into a visual patchwork.Atlassian 蓝在品牌早期便作为产品识别色确立下来，在一片灰色企业界面和遗留项目管理软件的默认蓝海中成为鲜明的差异化标志。随着Atlassian在2000至2010年代扩张产品矩阵——2017年收购Trello、2023年收购Loom，以及在Jira之外持续打磨Confluence和Bitbucket——建立跨产品统一设计语言的需求变得紧迫。各产品团队此前各自发展出自己的视觉惯例，成长中的产品矩阵面临碎片化成视觉拼布的风险。
The Atlassian Design System (ADS) emerged in the late 2010s and was substantially formalized around 2020 as a company-wide response to this fragmentation. ADS codified not just the blue color and the cream ground, but a complete type system, icon library, spacing philosophy, component library, and illustration style. Central to the ADS was the commissioning of Charlie Sans, a proprietary humanist typeface designed specifically for Atlassian's needs — approachable enough for marketing contexts, legible enough for dense product interfaces, and distinctive enough to anchor a corporate identity across dozens of product surfaces.Atlassian Design System（ADS）在2010年代末开始成形，并在2020年前后作为全公司层面的碎片化应对方案得到实质性确立。ADS 规范的不仅是蓝色和奶油底，还包括完整的字体系统、图标库、间距哲学、组件库和插画风格。ADS 的核心之一是委托定制 Charlie Sans——一款专为 Atlassian 需求设计的专有人文主义字体，亲和力足以胜任营销语境，可读性足以承载密集的产品界面，辨识度足以在数十个产品界面上锚定企业身份。
The cream background — a deliberate departure from pure white — was introduced as part of the ADS refresh to address a specific user-experience problem: long work sessions in software tools with pure-white backgrounds cause eye fatigue, particularly in regions of the world where Atlassian had significant user bases operating under fluorescent office lighting. The warm ground is practical as well as aesthetic. The combination of saturated blue, warm cream, deep navy text, and the rounded humanist forms of Charlie Sans produces a system that is instantly legible across monitor types, robust at both large display sizes and small mobile screens, and recognizable as Atlassian at a fraction of a second.奶油底色——对纯白的刻意背离——作为 ADS 修订的一部分被引入，应对一个具体的用户体验问题：在纯白背景的软件工具里长时间工作会导致视疲劳，在 Atlassian 主要用户群分布的地区尤为明显，因为大量用户在荧光灯办公室照明下使用产品。温暖底色兼具实用性与美学价值。饱和蓝、暖奶油、深藏青正文，加上 Charlie Sans 圆润的人文主义字形，共同构成一套系统：在各类显示器上清晰可辨，在大屏幕与小手机屏幕之间同样稳健，在零点几秒内就能被认出是 Atlassian。
What defines the Atlassian Jira Blue look?Atlassian Jira Blue 的视觉特征是什么？
Color Hierarchy色彩层级
The palette operates as a deliberate three-level hierarchy. The primary saturated blue carries the brand identity and is reserved for key interactive elements, primary buttons, and focal-point accents — it signals 'this matters, act here.' The warm cream ground establishes the visual tone of the entire surface, pushing the palette away from clinical neutrality and toward comfortable familiarity. Deep navy type anchors all information in high legibility without introducing the harshness of pure black. Secondary and semantic colors — greens for success states, reds for errors, yellows for warnings — are used functionally and sparingly within this hierarchy, never competing with the primary blue.色板作为刻意设计的三层层级运行。主饱和蓝承载品牌识别，保留给关键交互元素、主按钮和视觉焦点强调——它在说「这里重要，请在此操作」。温暖奶油底奠定了整个界面的视觉基调，将色板推离临床中性，转向舒适的亲切感。深藏青文字以高可读性锚定所有信息，同时不引入纯黑的生硬感。绿色（成功）、红色（错误）、黄色（警告）等次级语义色在这套层级中以功能性方式克制使用，从不与主蓝形成竞争。
Warm Ground温暖底色
The choice of a cream-tinted background rather than pure white is one of the most consequential decisions in the Jira Blue system. It shifts the entire visual register: interfaces feel less like software interfaces and more like a workspace — a well-lit desk rather than a glowing terminal. This warmth reduces visual fatigue during extended use, creates a subtle contrast differentiation from the white surfaces of modals and cards that sit above it, and gives the saturated blue a richer ground to read against. The cream is not decorative; it is structural to the system's emotional character.选择奶油色调背景而非纯白，是 Jira Blue 系统中最具影响力的决策之一。它改变了整个视觉语境：界面感觉不再像软件界面，而更像是一个工作空间——一张灯光充足的桌面，而非一台发光的终端。这种温暖感减轻了长时间使用的视觉疲劳，与悬浮其上的弹窗和卡片的白色表面形成微妙的对比层次，也为饱和蓝提供了一个更丰富的底面来衬托自身。奶油色不是装饰性的，它是这套系统情感特质的结构性组成。
Humanist Typography人文主义排版
Charlie Sans, the proprietary typeface developed for Atlassian, is a humanist sans-serif — a category that draws on calligraphic proportions and subtly varying stroke weights to produce letterforms that feel crafted rather than mechanical. This makes it inherently warmer than geometric sans-serifs, which are based on circles and rigid construction. In practice, Charlie Sans reads efficiently at small sizes in dense product interfaces while retaining enough personality to carry large display type in marketing contexts. The typographic hierarchy in Jira Blue relies on scale and weight contrast rather than ornamental variation: headlines communicate through size, body text through consistent rhythm, and labels through compactness.专为 Atlassian 开发的专属字体 Charlie Sans 是一款人文主义无衬线字体——这一类别借鉴书法比例和微妙变化的笔画粗细，使字形呈现出手工感而非机械感。这使它在本质上比基于圆形和刚性构造的几何无衬线字体更加温暖。在实践中，Charlie Sans 在密集产品界面的小字号下清晰可读，同时在市场营销语境的大号展示文字中保留足够的个性。Jira Blue 的排版层级依赖尺寸和字重对比，而非装饰性变化：标题通过大小传达，正文通过一致的韵律呈现，标签通过紧凑性区分。
Rounded Illustration Language圆润插画语言
The illustration system within Jira Blue uses abstract, rounded figures to represent teams, workflows, and collaborative concepts. Figures are simplified to near-geometric forms — heads as circles, bodies as smoothed rectangles — but retain enough relational posture to convey social dynamics: a team huddled around a board, a figure pointing to a chart, two figures shaking hands. The color palette in illustrations draws from the main product palette, keeping visual consistency. This style sits between the extreme abstraction of pure iconography and the specificity of realistic illustration, allowing Atlassian to represent diverse global users without defaulting to any particular ethnicity or body type.Jira Blue 的插画系统使用抽象的圆润人形来表现团队、工作流和协作概念。人物被简化为近几何形态——头部是圆形，身体是平滑的矩形——但保留了足够的关系性姿态来传达社交动态：一个团队围聚在看板旁、一个人物指向图表、两个人物握手。插画中的配色从主产品色板取色，保持视觉一致性。这种风格介于纯图标的极度抽象与写实插画的具体性之间，让 Atlassian 能够呈现全球多元用户，而不用预设特定的种族或体型。
Status-Color Semantics状态色语义
One of Jira Blue's most practically significant contributions to enterprise UI is its color-coded status system for issue tracking. Each work state — to do, in progress, in review, done, blocked — carries a distinct color that is immediately scannable across a kanban board or backlog list. The semantic colors are calibrated to avoid visual aggression: the red for blocked states is muted enough not to induce panic while still signaling urgency; the green for done is positive without becoming celebratory. This calibration reflects an understanding that these colors will be in view for hours each working day, and eye fatigue is a real design constraint.Jira Blue 对企业界面最具实际意义的贡献之一，是其用于工单追踪的色彩编码状态系统。每种工作状态——待处理、进行中、审查中、完成、阻塞——都带有一种独特的颜色，在看板或待办列表中可以立即扫描辨认。语义色经过校准以避免视觉攻击性：阻塞状态的红色足够低调，不会引发恐慌，同时仍在传递紧迫感；完成状态的绿色积极向上，但不流于庆典式。这种校准体现了一种理解：这些颜色每个工作日会在视线中出现数小时，视疲劳是真实存在的设计约束。
Component Density and Breathing Room组件密度与呼吸空间
Jira interfaces are information-dense by necessity — issue lists, sprint boards, and roadmaps carry significant data loads — but the design system manages this density through generous internal spacing within each component. Cards are well-padded; labels are given room to breathe; action icons are grouped with clear separation. This approach means the visual impression is never cluttered, even when the information volume is high. The cream ground helps here too: its visual warmth absorbs density more gracefully than a pure-white background, which tends to amplify the sense of crowding when content is heavy.Jira 界面在本质上是信息密集的——工单列表、迭代看板、路线图都承载着大量数据——但设计系统通过每个组件内部充足的间距来管理这种密度。卡片有足够的内边距，标签有足够的呼吸空间，操作图标以清晰的间隔分组。这种做法意味着即使信息量很高，视觉印象也从不杂乱。奶油底色在这里同样起着作用：它的视觉温暖感比纯白背景更优雅地吸收密度——纯白在内容繁多时往往会放大拥挤感。
Confident Simplicity in Iconography图标设计中的自信简洁
The icon system throughout Atlassian products uses a consistent stroke weight, rounded terminals, and a deliberately limited level of detail. Icons read as tools, not decorations: a spanner for settings, an arrow for transitions, a checkmark for completion. The rounded terminals echo the humanist quality of Charlie Sans, creating visual kinship between type and icon across the interface. The stroke-based approach also ensures icons remain legible at the small sizes common in dense product views, and scale gracefully to larger display contexts without looking cartoonish or thin.Atlassian 产品中的图标系统使用一致的描边粗细、圆润端点和刻意有限的细节层级。图标作为工具而非装饰而存在：扳手代表设置，箭头代表流转，复选标记代表完成。圆润端点呼应了 Charlie Sans 的人文主义特质，在整个界面中建立起字体与图标之间的视觉亲缘关系。基于描边的处理方式也确保图标在密集产品视图的小尺寸下依然清晰，在更大的展示语境中也能优雅缩放，不显卡通化，也不显细弱。
See the Atlassian Jira Blue design system →查看 Atlassian Jira Blue 完整设计系统 →
Who shaped Atlassian Jira Blue?谁塑造了 Atlassian Jira Blue？
Co-founder and long-serving co-CEO of Atlassian, Cannon-Brookes set the cultural tone that shaped Jira Blue from its earliest days. His commitment to building enterprise software that felt genuinely human — and to investing in design quality at a time when enterprise tools were notorious for visual neglect — established the mandate under which the Atlassian Design System was eventually developed. His public advocacy for Australian technology and social responsibility also informed the brand's personality: confident, direct, and unpretentious.Atlassian 联合创始人及长期联席 CEO，Cannon-Brookes 从最初就奠定了塑造 Jira Blue 的文化基调。他致力于打造真正有人情味的企业软件——并在企业工具以视觉粗糙著称的年代投资设计品质——正是这种承诺确立了 Atlassian Design System 最终得以发展的使命。他对澳大利亚科技和社会责任的公开倡导也塑造了品牌个性：自信、直接、不事矫饰。
Co-founder and co-CEO alongside Cannon-Brookes, Farquhar shaped Atlassian's early go-to-market approach — low-touch, self-serve, priced for teams rather than enterprises — which directly influenced the design imperative that Jira be understandable and usable without extensive training. This commercial logic drove the style toward accessibility and clarity rather than the complexity-signaling common in expensive enterprise software. Farquhar's operational focus ensured that design decisions were made with the real working habits of engineering teams in mind.与 Cannon-Brookes 并列的联合创始人及联席 CEO，Farquhar 塑造了 Atlassian 早期的市场策略——低接触、自助式、面向团队而非企业定价——这直接影响了设计命题：Jira 必须无需大量培训即可理解和使用。这套商业逻辑驱使风格走向易用性和清晰度，而非昂贵企业软件中常见的复杂性炫耀。Farquhar 的运营专注确保了设计决策始终以工程团队真实的工作习惯为出发点。
The team responsible for developing and maintaining the Atlassian Design System represents the institutional force behind Jira Blue's systematization. Working across brand, product design, engineering, and accessibility disciplines, this multi-functional group translated a historical brand color and visual intuitions developed across many years into a complete, documented, and scalable design language. Their work on Charlie Sans — including the decisions about proportion, weight range, and hinting for screen rendering — was particularly consequential for giving the system its distinctive warmth and legibility across Atlassian's global user base.负责开发和维护 Atlassian Design System 的团队，代表着 Jira Blue 系统化背后的机构力量。这个跨品牌、产品设计、工程与无障碍访问等学科的多职能团队，将多年积累的历史品牌色彩和视觉直觉转化为一套完整、有据可查且可扩展的设计语言。他们在 Charlie Sans 上的工作——包括比例、字重范围和屏幕渲染提示的决策——对赋予系统独特的温暖感和在 Atlassian 全球用户群中的可读性尤为关键。
Though primarily associated with Slack and Flickr rather than Atlassian, Butterfield's influence on collaborative-tool design philosophy shaped the ambient standards against which Atlassian positioned Jira Blue. Slack's demonstration that enterprise communication tools could be visually warm, playful, and human — and that this warmth drove adoption across non-technical users — validated the design direction Atlassian was pursuing with Jira Blue. The competition between Slack and Atlassian's Stride (later wound down) made the question of design personality in enterprise tools commercially urgent for the entire industry.尽管 Butterfield 主要与 Slack 和 Flickr 相关联而非 Atlassian，他对协作工具设计哲学的影响塑造了 Atlassian 定位 Jira Blue 时所参照的行业标准。Slack 证明了企业通信工具可以在视觉上温暖、有趣和人性化——而这种温暖感能推动非技术用户的采用——这验证了 Atlassian 在 Jira Blue 上追求的设计方向。Slack 与 Atlassian 的 Stride（后来关停）之间的竞争，使得企业工具中设计个性的问题在整个行业层面变得商业上紧迫。
How do you use Atlassian Jira Blue today?今天怎么用 Atlassian Jira Blue？
Atlassian Jira Blue translates well to presentation design precisely because it was built to communicate complex project states clearly at a glance. The system's logic — primary blue for focal emphasis, cream for the base field, deep navy for all informational text, and semantic colors for status — maps naturally onto the hierarchy problems that presentations face. A cover slide works best with a confident full-bleed arrangement: the primary blue occupies a dominant portion of the composition, with the title in clean, well-spaced type on the cream or white portion. The blue should feel like a declaration, not a background wash.Atlassian Jira Blue 在演示文稿设计中的适配性恰恰源于它本来的使命：让复杂的项目状态在一瞥之间清晰可辨。这套系统的逻辑——主蓝用于焦点强调，奶油色作为底面，深藏青承载所有信息文字，语义色表示状态——自然地映射到演示文稿所面临的层级问题上。封面页最适合自信的满版构图：主蓝占据版面的主导部分，标题以简洁、间距适宜的字体置于奶油或白色区域。蓝色应该是一种宣言，而非背景渲染。
Content slides built in this style benefit from the system's inherent discipline around information density. Treat each slide as a Jira board view: group related items into clearly bounded card-like regions, use the cream background as the base surface, and let the primary blue appear only on the one element that demands action or emphasis. Avoid placing blue on every section header — this flattens the hierarchy and loses the system's ability to direct attention. Data slides can use the blue for the primary data series, with cream or light gray for secondary series, and deep navy for axis labels and annotation text.以这种风格制作的内容页，得益于系统固有的信息密度纪律。将每张幻灯片当作一个 Jira 看板视图来对待：将相关条目分组进界定清晰的卡片式区域，使用奶油底作为基础面，让主蓝只出现在那一个需要引发行动或强调的元素上。避免在每个章节标题上都使用蓝色——这会拉平层级，让系统失去引导注意力的能力。数据页可以用蓝色表示主数据系列，奶油或浅灰色表示次要系列，深藏青用于坐标轴标签和注释文字。
For web interfaces and dashboards, Jira Blue is particularly well-suited to tool-like products where users spend extended time in the interface. Apply the cream background across the main canvas — not pure white — and reserve white for modals, drawers, and overlaid panels, which will naturally appear to float above the base surface. Navigation and sidebar elements should stay typographically lean: labels in deep navy, the active state highlighted in blue, no gratuitous icon density. Pricing pages work well with this style when tiers are differentiated by a blue highlight on the recommended plan, with the remaining plans presented in the cream-and-navy register.对于网页界面和仪表板，Jira Blue 尤其适合用户长时间停留其中的工具类产品。在主画布上应用奶油背景——而非纯白——将白色保留给弹窗、抽屉和覆盖面板，这些元素会自然地呈现出悬浮于基础面之上的效果。导航和侧边栏元素应保持排版上的简洁：深藏青标签，活跃状态以蓝色高亮，不做多余的图标堆砌。定价页在使用这种风格时效果最佳的做法是：用蓝色高亮推荐套餐，其余套餐以奶油加藏青的基础组合呈现。
In editorial and marketing contexts, Jira Blue supports a modernist confidence that translates well to brand communication for software and enterprise products. Feature-led landing pages can alternate full-width sections between cream-ground-with-blue-accents and blue-ground-with-cream-text — creating rhythm without introducing additional colors. The illustration style — abstract, rounded, team-focused — should appear in contexts where social proof or process narrative is needed, not as pure decoration. Headlines in large display type on cream, with the primary blue reserved for a single call-to-action button, maintains the system's hierarchy even at marketing scale.在编辑与营销语境中，Jira Blue 支持一种现代主义自信，能很好地转化为软件和企业产品的品牌传播。功能主导的落地页可以让奶油底配蓝色强调与蓝底配奶油文字的全宽区块交替出现——在不引入额外色彩的情况下制造节奏感。抽象、圆润、以团队为中心的插画风格，应出现在需要社会认同或流程叙事的语境中，而非纯装饰目的。大号展示文字标题置于奶油底上，主蓝色保留给单一的行动号召按钮——即使在营销规模下，这种处理也能维持系统的层级感。
A common mistake when applying Jira Blue is diluting the cream ground by mixing it with multiple background tones — adding light gray sections, off-white panels, and bone-colored dividers alongside the cream. The system's warmth depends on the cream reading as a deliberate, unified field, not as one option among several neutral backgrounds. Similarly, the primary blue loses its weight when it is applied to too many elements simultaneously: if blue appears on the header, the sidebar, the primary button, and the card borders all at once, the eye has no anchor point. Reserve the saturated blue for one role per layout view, and let the cream and navy carry everything else.应用 Jira Blue 时最常见的错误，是通过混入多种背景色调来稀释奶油底——在奶油旁边添加浅灰区块、米白面板和骨白分隔线。这套系统的温暖感依赖于奶油色作为一个刻意、统一的底面来阅读，而非作为多种中性背景中的一个选项。同样，当主蓝被同时应用于过多元素时，它会失去自身的分量：如果蓝色同时出现在页头、侧边栏、主按钮和卡片边框上，眼睛就失去了锚点。在每个版面视图中将饱和蓝保留给一种角色，让奶油和藏青承载其他一切。
See the Atlassian Jira Blue design system →查看 Atlassian Jira Blue 完整设计系统 →
Atlassian Jira Blue — FAQAtlassian Jira Blue · 常见问题
How is Jira Blue different from generic corporate blue palettes?Jira Blue 与普通企业蓝色系有何不同？
The defining difference is the cream ground. Most corporate blue palettes place their primary blue against pure white, which produces high contrast but also a clinical, cold register. Jira Blue's warm cream background shifts the emotional character of the entire system — the same saturated blue reads differently against cream than against white, picking up warmth and becoming less aggressive. The combination of humanist typography, rounded illustration style, and the cream ground makes Jira Blue distinctly approachable for an enterprise palette, rather than just authoritative.决定性的差异在于奶油底色。大多数企业蓝色系将主蓝放在纯白背景上，产生高对比度，但也带来临床感和冷峻感。Jira Blue 的暖奶油背景改变了整套系统的情感特质——同一种饱和蓝对着奶油色和对着白色的阅读感截然不同，它从奶油色中汲取温暖，变得不那么强硬。人文主义排版、圆润插画风格与奶油底的组合，让 Jira Blue 在企业色板中呈现出与众不同的亲近感，而不仅仅是权威感。
Can Jira Blue work for non-software products and brands?Jira Blue 适用于非软件产品和品牌吗？
Yes, with selectivity. The style works well for any product or service that needs to project collaborative competence — consulting firms, financial services platforms, educational institutions, professional associations, and any B2B context where trust and clarity are primary values. It is less suited to consumer contexts where warmth needs to be sensory and organic rather than systematic: food, wellness, fashion, and children's products will feel constrained rather than humanized by this system. The key question is whether the brand's core promise is about organized capability or about emotional resonance.可以，但需要有选择性。这种风格适合任何需要传达协作能力的产品或服务——咨询公司、金融服务平台、教育机构、专业协会，以及任何信任和清晰度是首要价值的 B2B 语境。它不太适合温暖感需要感官化和有机化的消费者场景：食品、健康、时尚和儿童产品在这套系统下会感到被束缚，而非被人性化。关键问题是：品牌的核心承诺是关于有组织的能力，还是关于情感共鸣。
How should status colors be handled if the primary blue is already heavily used?如果主蓝已被大量使用，状态色应如何处理？
The Jira Blue system handles this by treating status colors as a separate semantic layer that operates within the component level — inside cards, badges, and tags — rather than at the page composition level. The primary blue dominates the layout architecture: primary buttons, active navigation states, key CTAs. Status colors appear inside data items and are deliberately muted in saturation so they do not compete with the primary blue at the composition level. When designing with this system, think of the primary blue as the page's voice and the status colors as annotations within individual data points.Jira Blue 系统通过将状态色作为独立的语义层来处理这个问题——它在组件层面运作，出现在卡片、徽章和标签内部，而非在页面构图层面。主蓝主导版面架构：主按钮、活跃导航状态、关键行动号召。状态色出现在数据条目内部，饱和度刻意降低，不在构图层面与主蓝形成竞争。在使用这套系统设计时，可以将主蓝理解为页面的声音，将状态色理解为各数据点内部的注释。
Is a dark-mode version of Jira Blue authentic to the system?Jira Blue 的深色模式版本是否符合这套系统的本质？
Atlassian does offer dark-mode variants in its products, but dark mode represents a significant inversion of the system's core logic. The defining warmth of Jira Blue comes from placing saturated blue against a warm cream ground — on a dark ground, the cream disappears, the blue reads differently, and the emotional character of the system changes substantially. A dark version can be executed well, but it requires rebuilding the semantic relationships rather than simply inverting values. The cream's role as a warmth carrier needs to be assigned to another element — perhaps a more amber-tinted dark surface rather than a pure dark gray — to preserve the system's distinguishing quality.Atlassian 在其产品中确实提供深色模式变体，但深色模式代表了对系统核心逻辑的重大颠覆。Jira Blue 的标志性温暖感来自将饱和蓝置于温暖奶油底上——在深色底上，奶油色消失，蓝色的阅读感发生变化，系统的情感特质也随之大幅改变。深色版本可以做得好，但需要重建语义关系，而非简单地反转色值。奶油色作为温暖载体的角色需要被指派给另一个元素——或许是比纯深灰更偏琥珀色调的深色表面——才能保留系统的独特品质。
What makes Jira Blue illustrations distinctive, and how closely should they be followed?Jira Blue 的插画有何独特之处，在应用时应该多大程度地贴近它的风格？
The Atlassian illustration style is distinctive for its combination of near-geometric figure simplification with subtle posture and relational dynamics — figures that read as types rather than individuals, but still communicate human emotion and interaction. The key qualities to preserve when drawing from this style are: roundedness over angularity, abstraction over specificity, relational composition over portrait-style isolation, and palette consistency with the surrounding interface. You do not need to replicate the exact visual style, but any illustration used alongside Jira Blue should avoid photorealism, heavy shading, and cultural or physiological specificity that would undermine the system's universal-team quality.Atlassian 插画风格的独特之处在于将近几何形态的人物简化与微妙的姿态和关系动态相结合——人物作为类型而非个体被阅读，但仍能传达人类情感与互动。在借鉴这种风格时，需要保留的关键品质是：圆润优于棱角，抽象优于具体，关系性构图优于肖像式孤立，与周围界面保持色板一致性。你不需要复制精确的视觉风格，但任何与 Jira Blue 并用的插画都应避免写实主义、重度阴影，以及会破坏系统普世团队感的文化或生理特异性。
Related design styles相关设计风格
DatadogSerious telemetry, friendly pulse. Purple dark grids pack charts, badges, and…严肃监控也亲近：紫色暗网格塞满图表、徽章与追踪。
Microsoft AzureEnterprise calm, sharply diagrammed. White ground, saturated blue, hairline l…企业气质很稳。白底、饱和蓝和细线构成架构图。
Webflow No-CodeA designer's tool, dressed like one. Saturated electric cobalt on pure white,…设计师的工具，长得也像：饱和电光蓝落在纯白底上，Inter 紧排，抽象网格分块。
Adobe Creative CloudUnified, not uniform. Red anchor, white space, and saturated app tiles organi…统一而不单一：红色锚点、留白与高饱和应用方块组织整套工具。
Coupang Rocket DeliveryUrgency made trustworthy. Rocket red, flash yellow, mono prices and packed gr…可信的紧迫感。火箭红、闪黄价格与密集网格推进速度。
Databricks LakehouseWarm enterprise confidence. Flame red-orange gradients meet DM Sans and clean…温暖的企业信心：红橙火焰渐变配 DM Sans 与洁净数据图。