What is Sidi Bou Said Blue?什么是 Sidi Bou Said Blue？
The village is the blue: Sidi Bou Said turns saturated cobalt-cyan, lime-white plaster, and wrought-iron pattern into a complete Mediterranean visual language.整座村庄就是这片蓝：西迪布赛义德以饱和钴蓝偏青、石灰白灰泥与铁艺纹样，构成一套完整的地中海视觉语言。
Sidi Bou Said Blue in briefSidi Bou Said Blue 速览
Sidi Bou Said Blue takes its identity from the Tunisian clifftop village near Carthage and Tunis, where whitewashed houses set their doors, shutters, and wrought iron against a single saturated cobalt-cyan. The result is not a palette placed on architecture as decoration. The architecture itself appears to have been composed from blue, white, and iron.西迪布赛义德蓝的身份，来自迦太基与突尼斯附近的地中海崖顶村落。那里，白色灰泥房屋把门、百叶窗与铁艺统一漆成饱和的钴蓝偏青。它并不是把一组颜色附着在建筑上作为装饰，而是让建筑本身仿佛由蓝、白与铁共同构成。
In a digital application, the ground becomes the blue. Lime-white plaster functions as the main contrast, framing content with the clarity of painted architectural trim. Iron-black studs, curled metalwork, and mashrabiya lattice supply the finer register: repeated marks that give the field rhythm without competing with its dominant color.转译到数字界面中，背景本身就成为蓝色。石灰白灰泥承担主要对比，像建筑上的粉刷边框一样清楚地围合内容。铁黑色圆头钉、铁艺卷曲与马什拉比亚格栅则提供更细密的层次：它们以重复的标记赋予蓝色场面节奏，却不争夺主色的支配地位。
Typography completes the regional character. Reem Kufi and Amiri bring a Maghrebi-Arabic display presence, while Jost supplies a clean Mediterranean Latin sans serif. Together they keep the system bilingual in spirit as well as language: ornamental pattern remains structural, lettering remains legible, and the cobalt field is treated as the wall of the composition rather than a small accent.字体进一步完成地域气质。Reem Kufi 与 Amiri 带来马格里布阿拉伯语展示字体的存在感，Jost 则提供干净的地中海拉丁无衬线体。三者共同让系统在精神上保持双语：纹样承担结构作用，文字保持清晰可读，而钴蓝底面被当作构图的墙体，而不是一枚小小的强调色。
See the Sidi Bou Said Blue design system查看 Sidi Bou Said Blue 完整设计系统
Where does Sidi Bou Said Blue come from?Sidi Bou Said Blue 从何而来？
Sidi Bou Said is a Mediterranean clifftop village in Tunisia, situated near the historical landscape of Carthage and the city of Tunis. Its visual identity is architectural and environmental at once: lime-white plaster establishes the broad field, while painted blue doors, shutters, and wrought iron create a concentrated counterpoint. The village reads as a unified surface rather than a collection of unrelated facades.西迪布赛义德是突尼斯的地中海崖顶村落，位于迦太基的历史景观与突尼斯城附近。它的视觉身份同时属于建筑与环境：石灰白灰泥建立大面积底色，蓝色的门、百叶窗与铁艺形成集中的反差。整座村庄呈现为一个统一的表面，而不是彼此无关的立面集合。
The blue-and-white codification belongs to the period from 1900 to 1950, with the decisive blue established in the 1920s by Baron Rodolphe d Erlanger. This historical anchor matters because the color is not an arbitrary modern interpretation. Tunisian blue is presented as a local visual fact, tied to the village and its built surfaces.蓝白体系的定型属于1900至1950年间，其中决定性的蓝色由埃尔朗格男爵于1920年代确立。这一历史锚点很重要，因为这里的颜色并非现代设计师任意想象出的海岸色，而是与村落及其建筑表面相连的突尼斯蓝。
The style sits within a wider Tunisian Mediterranean vernacular and carries the influence of Andalusian-Ottoman decorative tradition and Maghrebi blue-and-white architecture. Those references explain why the system can hold both restraint and ornament: the large color fields are calm and architectural, while iron curls, nailhead studs, and lattice patterns introduce craft, repetition, and regional specificity.这种风格植根于突尼斯地中海民间建筑传统，同时承接安达卢西亚—奥斯曼装饰传统与马格里布蓝白建筑的影响。这些来源解释了它为何能同时容纳克制与装饰：大面积色块安静而具有建筑感，铁艺卷曲、圆头钉与格栅纹样则带来手工感、重复性与地域辨识度。
As a design style, Sidi Bou Said Blue should preserve that relationship between field and detail. The cobalt-cyan ground does most of the visual work. White plaster frames and iron-black marks clarify its edges. Reem Kufi, Amiri, and Jost translate the village into a typographic system without turning it into a generic coastal theme.作为设计风格，西迪布赛义德蓝应当保留这种底面与细节之间的关系。钴蓝偏青承担绝大部分视觉工作；石灰白灰泥负责框定边缘；铁黑色标记负责澄清结构；Reem Kufi、Amiri 与 Jost 则把村落转译为字体系统，而不是把它稀释成泛泛的海岸主题。
What defines the Sidi Bou Said Blue look?Sidi Bou Said Blue 的视觉特征是什么？
Cobalt-Cyan Ground钴蓝偏青底面
The defining color is saturated cobalt-cyan, used as the field rather than as an accent. It should feel painted and continuous, like a village wall or shutter seen at close range. Its strength comes from coverage and consistency. Additional colors should remain subordinate, allowing the blue to establish atmosphere, hierarchy, and identity before any motif or text appears.定义风格的颜色是饱和的钴蓝偏青，它承担底面，而不是充当点缀。它应当像近距离看到的村墙或百叶窗一样，连续、厚实，仿佛刚刚被刷上去。它的力量来自覆盖面积与一致性。其他颜色必须保持从属，让蓝色在纹样或文字出现之前，先建立氛围、层级与身份。
Lime-White Framing石灰白镶框
Lime-white plaster is not a neutral background in the ordinary sense. It behaves like architectural trim: a clean border, inset panel, or raised frame against the blue. White areas should be crisp and generous, providing rest without dissolving the composition. The contrast is Mediterranean and material, closer to painted plaster than to a polished interface surface.石灰白灰泥并不是通常意义上的中性背景。它更像建筑装饰线脚：在蓝色上形成清楚的边框、嵌板或凸起的镶边。白色区域应当干净而从容，为视觉提供休息，却不让构图松散。这样的对比带有地中海的材料感，更接近粉刷灰泥，而不是光洁的界面表面。
Wrought-Iron Detail铁艺细节
Wrought iron supplies the dark punctuation of the system. Curled metalwork, nailhead studs, and compact ornamental marks can divide, anchor, or protect a white frame. Their character is handmade and slightly tactile, but their use remains disciplined. Iron should sharpen the blue-and-white field through repeated accents, not become a separate decorative layer with its own competing palette.铁艺为整套系统提供深色标点。卷曲的金属构件、圆头铆钉与紧凑的装饰标记，可以分隔、锚定或保护一块白色镶框。它们带有手工制作的触感，但使用方式仍然克制。铁艺应通过重复出现的强调来磨利蓝白场面，而不应发展成拥有另一套竞争性配色的独立装饰层。
Lattice Rhythm格栅节奏
Mashrabiya lattice introduces a patterned rhythm without requiring illustration. Its repeated openings and crossings can appear in panels, dividers, cards, or framing devices. The motif works best when it is partially visible or interrupted by content, echoing architectural screens rather than becoming wallpaper. It gives the style a sense of craft, shade, and enclosure while preserving legibility.马什拉比亚格栅以不依赖插画的方式引入图案节奏。反复的开口与交叉，可以出现在面板、分隔、卡片或边框结构中。它最适合局部显现，或被内容自然打断，仿佛建筑屏风，而不是铺满页面的墙纸。格栅为风格带来手工感、遮蔽感与围合感，同时保持文字清晰。
Regional Typography地域字体
Reem Kufi and Amiri carry the Maghrebi-Arabic display register, giving headings and labels a cultural voice that generic geometric lettering cannot provide. Jost balances them with a clean Latin sans serif for English and supporting interface text. The pairing should feel intentional and architectural: display type establishes place, while the Latin companion keeps information open and navigable.Reem Kufi 与 Amiri 承担马格里布阿拉伯语展示字体的角色，为标题与标签赋予普通几何字体无法提供的文化声音。Jost 以干净的拉丁无衬线体与之平衡，用于英文与辅助界面文字。两者的搭配应当像建筑一样有意为之：展示字体确立地点感，拉丁字体则让信息保持开放、清晰且易于浏览。
Painted Depth手绘般的深度
Depth should come from frames, overlaps, inset fields, and the contrast between plaster white and iron black. Avoid effects that make the surface feel glossy, metallic, or artificially luminous. Sidi Bou Said Blue is atmospheric because of its painted material language: a strong wall, a white edge, a dark fastening, and a patterned screen. The visual depth remains tactile and composed.深度应来自边框、叠压、嵌入式底面，以及灰泥白与铁黑之间的对比。应避免让表面显得光亮、金属化或人为发光的效果。西迪布赛义德蓝之所以具有氛围感，正因为它使用的是粉刷材料的语言：一面有力量的墙，一道白色边缘，一枚深色固定件，以及一扇图案屏风。深度始终触感明确且经过编排。
See the Sidi Bou Said Blue design system查看 Sidi Bou Said Blue 完整设计系统
Who shaped Sidi Bou Said Blue?谁塑造了 Sidi Bou Said Blue？
Baron Rodolphe d Erlanger is the key historical figure attached to the style. He fixed the Tunisian blue in the 1920s, giving the village its decisive chromatic identity. In this design system, his role is represented by the insistence that the cobalt-cyan is foundational rather than optional: it is the surface from which the rest of the composition proceeds.埃尔朗格男爵是与这一风格相连的关键历史人物。他在1920年代确立了突尼斯蓝，使村落获得决定性的色彩身份。在这套设计系统中，他所代表的并不是某种个人装饰趣味，而是一个根本判断：钴蓝偏青不可有可无，它是其他构图元素得以展开的表面。
Sidi Bou Said is both the place and the visual subject. Its Mediterranean clifftop setting near Carthage and Tunis provides the cultural and architectural frame for the blue-and-white language. The style should therefore feel spatial and built, with fields, frames, openings, and thresholds rather than a flat collection of seaside colors.西迪布赛义德既是地点，也是视觉主体。它位于迦太基与突尼斯城附近的地中海崖顶，这一环境为蓝白语言提供了文化与建筑框架。因此，风格应当具有空间感与建造感，呈现底面、边框、开口与门槛，而不是简单堆叠几种海岸颜色。
Tunisian blue is the central chromatic idea: a saturated cobalt-cyan applied across doors, shutters, and related surfaces. It is more specific than a generic blue and more architectural than a decorative accent. Its purpose is to create a unified visual climate in which white and iron details remain legible as framing elements.突尼斯蓝是整套风格的核心色彩观念：饱和的钴蓝偏青，被统一用于门、百叶窗以及相关表面。它比泛泛的蓝色更具体，也比普通强调色更具建筑性。它的作用是营造统一的视觉气候，让白色与铁艺细节作为镶框元素保持清晰。
Mashrabiya lattice is the recurring patterned figure. Its crossings and openings express the decorative tradition named in the source material while remaining useful as a screen, divider, or framing motif. Used with restraint, it gives the composition regional character without overwhelming the cobalt field or reducing the system to surface ornament.马什拉比亚格栅是反复出现的图案性形象。它的交叉与开口回应了来源材料中提到的装饰传统，同时也可以作为屏风、分隔或边框母题。只要使用克制，它就能为构图赋予地域性，而不会压过钴蓝底面，或把整套系统降格为表面装饰。
How do you use Sidi Bou Said Blue today?今天怎么用 Sidi Bou Said Blue？
For presentation covers, let the cobalt-cyan field occupy the page as an architectural ground. Set the title in a strong white frame or against a lime-white panel, with Reem Kufi or Amiri establishing the display voice and Jost supporting Latin text. A small iron-black stud, curl, or lattice fragment can anchor the corner, but the cover should remain dominated by the blue.在演示文稿封面中，应让钴蓝偏青占据页面，成为建筑般的底面。标题可以放在强烈的白色镶框中，或置于石灰白面板上；Reem Kufi 或 Amiri 建立展示语气，Jost 负责辅助拉丁文字。一个小型铁黑圆头钉、卷曲纹样或局部格栅可以锚定角落，但封面仍应由蓝色主导。
Content slides should use white framed areas to organize reading rather than relying on many independent cards. Headings can alternate between the Arabic display register and the clean Latin companion, while iron-black rules or studs provide quiet structural punctuation. On data slides, charts should behave like painted architectural elements: white forms on blue, blue forms within white, and lattice used only where it clarifies grouping or sequence.内容页应使用白色围合区域组织阅读，而不是堆叠许多彼此独立的卡片。标题可以在阿拉伯展示字体与干净的拉丁字体之间形成层次，铁黑色线条或圆头钉则提供安静的结构标点。数据页的图表应像建筑中的粉刷构件：蓝底上的白形，白底中的蓝形；格栅只在有助于说明分组或顺序时出现。
For web interfaces, the style suits dashboards and pricing pages that need a memorable visual identity with strong hierarchy. Use the saturated blue as the primary environment, lime-white for readable panels and selected controls, and iron-black for text, borders, and status marks. Cards should feel inset or framed rather than softly floating. Pricing tiers can be differentiated through framing and typographic emphasis while keeping the blue field continuous across the page.对于网页界面，这种风格适合需要鲜明身份与强层级的仪表板和定价页面。用饱和蓝色营造主要环境，用石灰白承载可读面板与选中的控件，再用铁黑处理文字、边框与状态标记。卡片应有嵌入或镶框的感觉，而不是柔和漂浮。不同价格层级可以通过边框与字体强调来区分，同时保持全页面的蓝色连续性。
Editorial and marketing layouts can treat the page as a sequence of village facades. A white plaster panel may hold the article body, a blue field may carry a section opening, and an iron lattice may mark a transition or metadata area. The style works especially well when copy is given generous breathing room and the decorative vocabulary is repeated consistently across headlines, call-outs, invitations, and campaign panels.编辑与营销版面可以把页面处理成一连串村落立面。白色灰泥面板容纳正文，蓝色底面承载章节开场，铁艺格栅负责标记转场或元数据区域。当文案拥有从容留白，且装饰词汇在标题、引文、邀请信息与推广面板中保持一致时，这种风格尤其有力量。
The common mistake is treating Sidi Bou Said Blue as a generic coastal palette: blue background, white text, and random ornamental icons. That misses the architectural logic. The blue must be the field, white must frame and clarify, iron must punctuate, and lattice must repeat with purpose. Adding unrelated colors, glossy effects, or excessive pattern weakens the place-specific identity that makes the system distinctive.最常见的错误，是把西迪布赛义德蓝当成泛泛的海岸配色：蓝色背景、白色文字，再随意添加装饰图标。这样会错过它的建筑逻辑。蓝色必须是底面，白色必须负责镶框与澄清，铁艺必须承担标点作用，格栅必须有目的地重复。加入无关颜色、光泽效果或过量纹样，都会削弱这套系统最独特的地域身份。
See the Sidi Bou Said Blue design system查看 Sidi Bou Said Blue 完整设计系统
Sidi Bou Said Blue — FAQSidi Bou Said Blue · 常见问题
Is Sidi Bou Said Blue simply a blue-and-white palette?西迪布赛义德蓝只是蓝白配色吗？
No. Blue and white establish the broad architectural field, but wrought-iron black, curled metalwork, nailhead studs, and mashrabiya lattice complete the language. The style depends on the relationship between a saturated ground, a framing light surface, and repeated dark details. Without that relationship, the result becomes a generic coastal treatment rather than a place-specific system.不是。蓝与白只是建立了建筑般的大关系，铁黑色、铁艺卷曲、圆头铆钉与马什拉比亚格栅才共同完成这套语言。它依赖饱和底面、浅色镶框与重复深色细节之间的关系。缺少这种关系，成品就会变成泛泛的海岸风格，而不是具有地点辨识度的设计系统。
Why must the blue act as the background rather than an accent?为什么蓝色必须作为背景，而不能只是强调色？
The source identity comes from houses whose doors, shutters, and ironwork are set within a village-wide blue-and-white environment. Making blue a small accent reverses that hierarchy. The digital page should feel as if the viewer is standing before the painted surface itself, with white plaster and iron details placed into the field.因为这套风格的来源，是一个整体处于蓝白环境中的村落：门、百叶窗与铁艺都置于同一片视觉场域里。把蓝色缩小成局部强调，会颠倒原有层级。数字页面应让人感觉自己正面对一面被粉刷过的表面，白色灰泥与铁艺细节被安置在这片蓝色之中。
How should the Arabic and Latin typefaces work together?阿拉伯字体与拉丁字体应如何配合？
Reem Kufi and Amiri should carry the Maghrebi-Arabic display register, especially in prominent headings or cultural labels. Jost should provide the clean Latin voice for English and supporting interface information. The pairing works when each family has a clear role. Mixing them without hierarchy, or replacing the regional display register with generic geometric type, removes much of the style’s character.Reem Kufi 与 Amiri 应承担马格里布阿拉伯语的展示角色，尤其适合重要标题或文化标签；Jost 则为英文与辅助界面信息提供干净的拉丁语气。两者配合得好，前提是各自拥有清楚的职责。若不分层级地混用，或以普通几何字体取代地域性的展示字体，风格的大部分性格都会消失。
Can the style use patterns across the entire interface?格栅纹样可以铺满整个界面吗？
It can appear repeatedly, but it should not become an uninterrupted wallpaper. Mashrabiya lattice is strongest when used as a partial screen, divider, framing fragment, or background interruption. Its purpose is to suggest craft and enclosure while preserving the dominance of the cobalt field and the readability of the content.可以反复出现，但不应变成连续铺满的墙纸。马什拉比亚格栅最适合作为局部屏风、分隔线、边框片段或被背景打断的纹样。它的作用是暗示手工感与围合感，同时保留钴蓝底面的主导地位与内容的可读性。
What makes an application feel inauthentic?什么做法会让应用显得不地道？
The style loses authenticity when the blue becomes a minor highlight, when white is treated as ordinary interface space, or when iron and lattice details are added as unrelated decoration. Glossy surfaces, excessive pattern, and unrelated colors also weaken the material and regional logic. The strongest applications keep the composition architectural: a dominant painted field, clear plaster framing, disciplined iron punctuation, and purposeful typography.当蓝色退化为小面积强调色，白色只是普通界面留白，或铁艺与格栅被当作无关装饰随意添加时，风格就会失去真实感。光泽表面、过量纹样与无关颜色也会削弱它的材料逻辑和地域逻辑。最有说服力的应用始终像建筑：一片占主导地位的粉刷底面，清楚的灰泥镶框，克制的铁艺标点，以及有目的的字体安排。
Related design styles相关设计风格
Balinese Barong Mask (1920)Protection glows after dark. Cinzel capitals frame gold, ruby, and emerald ge…守护在夜色中发光：Cinzel碑刻字围住金、红宝石与翡翠几何。
Día de los MuertosRemembrance glows. Marigold orange, magenta papel picado, and cream altar tie…记忆被点亮：万寿菊橙、洋红剪纸与奶油祭坛层叠。
Apothecary Poison LabelDanger made ornate. Cobalt ribs, aged paper, and red POISON rules make fear t…危险被做成装饰：钴蓝凸棱、旧纸标签与红色警示让恐惧可触。
Finnish Kalevala EpicEpic weight in cold night. Birch-white Cinzel, Sampo-gold rules, blue-grey fr…冷夜中的史诗重量：桦白Cinzel、三宝金细线与蓝灰壁画面板。
Hindu Pantheon Bazaar PrintDevotional calendar art, edge to edge. Gold halos and garland borders on baza…拉维·瓦尔马印刷所的挂历神祇：饱和深蓝铺底，金色光环与花环边框层层环绕，从不留…
Kerala Kathakali (Pacha Green Makeup)Fierce ceremonial night. Pacha green, vermilion, and oil-gold frame monumenta…庄严夜台。帕查绿、朱砂红与油灯金框住碑刻衬线。