דפי ברית מעוצבים בשפה שנקראת html.
במדריך הבא יופיעו מספר קודים שימושיים שיעזרו לכם לעצב את דף הברית שלכם.
בדף הברית עצמו ניתן כמובן לשלב בין הקודים על מנת ליצור את הדף המועדף עליכם.
תמונה
על מנת לשים תמונה בדף הברית יש צורך קודם כל למצוא את הקישור הישיר אליה. אם מדובר בתמונה שאתם הכנתם, עליכם להעלות אותה לאתר העלאת תמונות (חפשו בGoogle). לאחר שהעלתם את התמונה לאתר הרצוי, העתיקו את הקישור הישיר לתמונה והמשיכו כך:
תחביר : <img src="Source" height="y" width="x> דוגמא : <"img src="http://srv2.jpg.co.il/7/52304d3273068.png>
במקום Source( או הטקסט המודגש) ניתן לרשום כל קישור ישיר אחר עבור תמונה.
לא חייב להוסיף את width ו-height אבל בזכותם אפשר להגדיר את מימדי התמונה.
במקום y בתוך height מגדירים את גובה התמונה בפיקסלים
במקום x בתוך width מגדירים את רוחב התמונה בפיקסלים
התוצאה: 
כפתור מעוצב בסגנון איקרים
כפתור זה לא יוכל לבצע פעולות במשחק. הוא ישמש כקישור בלבד.
<a href="http://il.ikariam.com/" class="button">טקסט</a> במקום הטקסט המודגש, ניתן לרשום כל קישור אחר אליו תרצו להפנות.
תוצאה: 
טקסט בצבעים
<font color="red"> טקסט </font> במקום הטקסט המודגש, ניתן לרשום כל צבע אחר באנגלית- שיקבע את צבע הטקסט.
התוצאה: טקסט
גודל הטקסט
<font/>טקסט<"font size="5" color="yellow" face="Verdana>
במקום Size, ניתן לרשום כל מספר אחר- שיקבע את גודל הטקסט.
במקום yellow , ניתן לרשום 256 צבעים אחרים בעלי שם , כולל אך לא מוגבל ל : blue , red , brown, pink , purple , green , pink , black , white , orange , gold , aqua , ועוד , בנוסף אפשר לכתוב את כל צבעי ה-RGB.
במקום Verdana מותר לכתוב כל פונט אחר שנמצא על כל מחשב
דוגמא : </font>טקסט<"font size="5>
התוצאה: טקסט
יישור למרכז
<CENTER> טקסט </CENTER>
התוצאה:
טקסט מודגש
<b> טקסט </b>
התוצאה: טקסט
טקסט נטוי
<i> טקסט </i>
התוצאה: טקסט
טקסט מסומן בקו תחתון
<u> טקסט </u>
התוצאה: טקסט
היפר קישור
<a href="http://il.ikariam.com/">טקסט</a> במקום הטקסט המודגש, ניתן לרשום כל קישור אחר אליו תרצו להפנות.
התוצאה: טקסט
כותרת מעוצבת בסגנון איקרים
<h3 class="header"> טקסט </h3>
תוצאה: 
צבע הרקע
<table width="100%"><tr bgcolor="silver"><td> טקסט </td></tr></table> במקום הטקסט המודגש, ניתן לרשום כל צבע אחר באנגלית- שיקבע את צבע הרקע.
התוצאה:
| טקסט |
קו הפרדה
קו ההפרדה במשחק יצבע בצבע בורדו ולא אפור.
<hr>
התוצאה: