Ottoman Iznik

A design system inspired by the ceramic art of Iznik and the grandeur of Ottoman tilework

Section 01

Color Palette

Drawn from the glazed ceramics of 16th-century Iznik workshops -- cobalt blue and turquoise from mineral oxides, the distinctive bole red unique to Ottoman pottery, and accents of emerald and gold inspired by manuscript illumination.

Cobalt
#1a3f7a
Primary actions, headings
Turquoise
#1a8a8a
Secondary actions, accents
Iznik Red
#c0392b
Emphasis, alerts
Emerald
#1a6b3f
Success states, foliage
Gold
#c9a227
Illumination, highlights
Ivory
#faf5eb
Page background
Cream
#f0e8d8
Panels, secondary bg
Deep Cobalt
#0e2550
Dark surfaces, footers
Section 02

Typography

Three complementary typefaces echo Ottoman design traditions. Cinzel evokes the monumental inscriptions of mosque architecture. Amiri draws from Arabic typographic heritage. Philosopher lends a scholarly, readable body.

Display / Cinzel 700
Tulips of Iznik
clamp(2rem, 5vw, 3.5rem) -- 0.08em tracking
Heading 1 / Cinzel 600
Ceramic Arabesque Patterns
2.25rem -- 0.06em tracking
Heading 2 / Cinzel 500
The Art of the Underglaze
1.75rem -- 0.04em tracking
Heading 3 / Cinzel 500
Mosque Tile Panels
1.375rem -- 0.03em tracking
Body / Philosopher 400

The Iznik potteries reached their peak during the reign of Sultan Suleiman the Magnificent, producing tiles that adorned the walls of the Sultan Ahmed Mosque, Topkapi Palace, and countless other structures across the Ottoman Empire. Each piece was painted by hand using mineral pigments beneath a clear lead glaze.

1.125rem -- 1.8 line-height
Body Accent / Amiri Italic

The distinctive raised red of Iznik ceramics, known as Armenian bole, was achieved by applying a thick slip of iron-rich clay that stood in slight relief beneath the glaze -- a technique unique to Ottoman potters.

1.125rem -- 1.8 line-height -- italic
Caption / Philosopher 400

Iznik tile from the Rustem Pasha Mosque, Istanbul, circa 1561

0.85rem -- 0.03em tracking
Section 03

Spacing Scale

A harmonious spacing system based on 4px increments, reflecting the geometric precision of Islamic tilework patterns.

Space 1
4px
Space 2
8px
Space 3
12px
Space 4
16px
Space 5
24px
Space 6
32px
Space 7
48px
Space 8
64px
Space 9
96px
Section 04

Buttons

Button styles that echo the confident geometry and rich coloring of Ottoman decorative arts, from cobalt tiles to gilded calligraphy.

Primary Variants

Outline & Ghost

Sizes

Disabled

Section 05

Form Elements

Form controls styled with the restraint and clarity of Ottoman manuscript margins -- clean lines framing rich content.

The master architect of the classical Ottoman period
Motif Preferences
Glaze Technique
Section 06

Cards & Panels

Content containers that frame information like the borders of an illuminated manuscript page, with ornamental headers inspired by tile panel compositions.

The Blue Mosque
Sultan Ahmed Mosque, 1609-1616

Over 20,000 handmade Iznik tiles adorn the interior walls of the Sultan Ahmed Mosque, featuring tulips, carnations, and cypress trees in cobalt blue, green, and red against a white ground.

Cobalt Turquoise Iznik Red
Rustem Pasha Mosque
Designed by Mimar Sinan, 1563

Perhaps the finest collection of Iznik tiles in any Ottoman building. The mosque is covered both inside and out with exceptional tile panels showing the full range of Iznik design.

Floral Geometric Arabesque
Topkapi Palace
Imperial Residence, 1459-1856

The Harem and various pavilions contain remarkable tile programs spanning centuries of Iznik production, documenting the evolution of Ottoman ceramic art from early blue-and-white to polychrome designs.

Imperial Heritage
The Ottoman Tulip

The tulip held a sacred place in Ottoman culture -- its Turkish name, lale, shares the same Arabic letters as Allah. Stylized tulips appear endlessly in Iznik ceramics, textiles, and manuscript illumination, their slender petals reaching heavenward.

A Note on Color

The Iznik palette was dictated by chemistry. Cobalt oxide produced blue, copper oxide gave turquoise, iron-rich Armenian bole yielded the characteristic raised red. Each pigment required precise firing temperatures, and the potters of Iznik mastered this complex interplay across centuries of practice.

Section 07

Alerts & Notifications

System messages styled with the clarity of calligraphic marginalia, each state distinguished by color from the Iznik palette.

The Iznik workshops operated under imperial patronage, receiving designs from the nakkas hane (court design studio) in Topkapi Palace.
Your tile commission has been accepted. The master potter will begin work during the next firing cycle.
Armenian bole pigment supplies are running low. Consider alternative red oxide sources for current commissions.
Kiln temperature exceeded safe limits. The current batch may show glaze defects upon cooling.
Section 08

Data Table

Tabular data presented with the structured elegance of Ottoman administrative records.

Period Dates Palette Notable Feature
Early Iznik 1480 - 1520 Blue and white Chinese-influenced motifs
Damascus Style 1520 - 1550 Blue, turquoise, sage green Introduction of floral naturalism
Golden Age 1550 - 1580 Full polychrome with bole red Peak of technical mastery
Late Period 1580 - 1700 Muted tones, blue dominant Declining imperial patronage
Section 09

Badges, Tags & Navigation

Compact interface elements for categorization and wayfinding, drawn from the Iznik color system.

Badges

Cobalt Turquoise Iznik Red Gold Outline

Tags

Ceramic Tilework Arabesque Floral Geometric

Tab Navigation

Breadcrumb

Section 10

Decorative Elements

Ornamental components that bring the spirit of Iznik tilework into the interface -- tulip borders, tile mosaics, and pointed arch panels.

Tulip Border

Tile Mosaic Pattern

Arabesque Divider

Section 11

Design Principles

Four guiding principles drawn from the Ottoman decorative tradition, shaping every component in this system.

01
Geometric Harmony

Every Islamic pattern begins from a geometric grid. Our spacing, alignment, and proportions follow consistent mathematical relationships, creating visual order that feels inevitable.

02
Restrained Richness

Iznik ceramics are vibrant but never chaotic. A limited palette of carefully chosen pigments creates infinite variety. We use bold colors purposefully, never gratuitously.

03
Organic Precision

The tulips and carnations of Iznik are stylized, not photographic. Natural forms are refined through geometry, finding beauty in the tension between organic flow and structural order.

04
Layered Craft

Ottoman art builds depth through layers -- underglaze beneath clear coat, illumination within margins, tiles within architectural frames. Our interfaces similarly create depth through subtle layering.