# Taster

> ספריית עיצובים בעברית: רכיבים, דפי נחיתה, אתרים שלמים וגופנים עבריים, לאתרים שבונים עם כלי AI כמו Lovable, Base44, Claude Code ו־Codex.

Taster הוא אתר ישראלי בעברית. כל העיצובים נבנו מימין לשמאל, עם פונטים עבריים וטקסטים שנכתבו בעברית. מאחוריו עומד סטודיו שוניקס.

## הספרייה
- [ספריית העיצובים](https://www.taster.co.il/library): כל העיצובים, עם תצוגה חיה
- [אזורים לדף נחיתה](https://www.taster.co.il/library/landing): פתיחים, יצירת קשר ורשימות, לדף שמביא פניות.
- [SaaS ומוצר](https://www.taster.co.il/library/saas): מחירים, מספרים והוכחה חברתית, כמו במוצרים המצליחים.
- [מסחר וחנויות](https://www.taster.co.il/library/commerce): מוצרים, בחירה והוספה לסל, עם תשומת לב לכל פרט.
- [כפתורים](https://www.taster.co.il/library/buttons): כפתורים עם תנועה ואופי, לפעולה החשובה בעמוד.
- [אייקונים מונפשים](https://www.taster.co.il/library/icons): אייקונים מקוריים שמספרים סיפור קטן בתנועה, ב-SVG ו-CSS בלבד.
- [כרטיסים וגלריות](https://www.taster.co.il/library/cards): כרטיסים וגלריות שמציגים תוכן ומזמינים ללחוץ.
- [טקסט בתנועה](https://www.taster.co.il/library/text): כותרות שנכנסות בתנועה, בלי לשבור את העברית.
- [רקעים](https://www.taster.co.il/library/backgrounds): רקעים חיים ב-CSS, Canvas ו-WebGL, קלים גם לנייד.
- [עיצובים בחינם](https://www.taster.co.il/library/free)

## אתרים שלמים
- [אלמוג, משרד נדל״ן](https://www.taster.co.il/templates/almog)
- [דמיון, סטודיו לעיצוב דיגיטלי](https://www.taster.co.il/templates/dimyon)
- [קדם, אתר תדמית לאמן](https://www.taster.co.il/templates/kedem)
- [זרם, מוצר אוטומציות](https://www.taster.co.il/templates/zerem)
- [נוירון, מוצר AI](https://www.taster.co.il/templates/neuron)
- [כרום, סטודיו דיגיטלי](https://www.taster.co.il/templates/krom)
- [אפס ק״מ, סוכנות רכב](https://www.taster.co.il/templates/sivuv)
- [מרווח, עיצוב פנים וריהוט](https://www.taster.co.il/templates/marvach-interiors)
- [אדמה, סטודיו לאדריכלות](https://www.taster.co.il/templates/architecture-studio)
- [נורת׳ליין, סוכנות או סטודיו](https://www.taster.co.il/templates/northline)
- [נחת, אירוח בוטיק](https://www.taster.co.il/templates/shehut-stay)
- [ליטוף, דף מוצר ממיר](https://www.taster.co.il/templates/mellow-pup)
- [טפרים, אמנית ציפורניים](https://www.taster.co.il/templates/tafrim)
- [לומן, סטודיו דיגיטלי](https://www.taster.co.il/templates/lumen)
- [ארבל, נדל״ן יוקרה](https://www.taster.co.il/templates/kinneret-villa)
- [אופק, אפליקציית השקעות](https://www.taster.co.il/templates/ofek)
- [כפה, חנות לחיות מחמד](https://www.taster.co.il/templates/kaffa)
- [אבן, עמוד מוצר](https://www.taster.co.il/templates/even-light)

## גופנים עבריים
- [שלדה (Shellda)](https://www.taster.co.il/fonts/shellda): גופן עברי צר
- [שלדה רחבה (Shellda Wide)](https://www.taster.co.il/fonts/shellda-wide): גופן עברי רחב
- [בול (Bul)](https://www.taster.co.il/fonts/bul): גופן עברי לממשקים
- [פנינה (Pnina)](https://www.taster.co.il/fonts/pnina): גופן עברי עגול לממשקים
- [מישור (Mishor)](https://www.taster.co.il/fonts/mishor): גופן עברי גאומטרי ורחב
- [מהיר (Mahir)](https://www.taster.co.il/fonts/mahir): גופן עברי צר לכותרות

## חיבור לסוכני קוד
- [MCP של Taster](https://www.taster.co.il/mcp): מחברים את Claude Code, Codex, Cursor, Lovable או Base44 לכתובת https://www.taster.co.il/api/mcp ומבקשים רכיב במילים

## מדריכים
- [AI slop: מה זה, ואיך מזהים אתר שנבנה על טייס אוטומטי](https://www.taster.co.il/learn/ai-slop): AI slop הוא כינוי לתוכן ולאתרים שנוצרו עם AI בלי מחשבה ובלי החלטות של אדם. באתרים מזהים אותו לפי גרדיאנט סגול, אימוג׳י במקום אייקונים, כותרת שמתאימה לכל עסק ושלושה כרטיסים זהים.
- [פונטים לאתרים בעברית: איך בוחרים, ומה בודקים לפני](https://www.taster.co.il/learn/hebrew-web-fonts): כדי לבחור פונט עברי לאתר, בוחרים שניים: אחד עם נוכחות לכותרות ואחד שקט לטקסט. בודקים שיש להם עברית ולטינית מאותה משפחה, ספרות וסימנים, גרש וגרשיים, ושהם קריאים בגודל 16 פיקסלים בטלפון.
- [בניית אתר עם AI בעברית: מה נשבר, ומה לבקש מהכלי](https://www.taster.co.il/learn/ai-website-in-hebrew): כדי לבנות אתר בעברית עם AI, מבקשים מהכלי מראש: lang="he" ו־dir="rtl" על הדף, ריווח לפי התחלה וסוף ולא לפי שמאל וימין, חצים שמצביעים לכיוון הנכון ופונט שיש לו אותיות עבריות.
- [מה זה MCP? ההסבר הפשוט, עם דוגמה אמיתית](https://www.taster.co.il/learn/what-is-mcp): MCP (Model Context Protocol) הוא תקן פתוח שמחבר כלי AI כמו Claude, ChatGPT ו־Cursor למידע ולכלים מבחוץ. Anthropic פרסמה אותו בסוף 2024, והיום הוא נתמך בכלים רבים.
- [וייב קודינג: מה זה, ואיך יוצא מזה אתר שנראה מעוצב](https://www.taster.co.il/learn/vibe-coding): וייב קודינג הוא בניית אתר או אפליקציה בשיחה עם AI, בלי לכתוב את הקוד בעצמכם. את המונח המציא אנדריי קרפתי (Andrej Karpathy) בפברואר 2025, ומילון קולינס בחר בו למילת השנה של 2025.
- [Lovable או Base44? ומה עם Claude Code ו־Cursor](https://www.taster.co.il/learn/lovable-vs-base44): Lovable מתאים למי שרוצה לבנות בדפדפן ולקבל קוד React שאפשר לקחת הלאה דרך GitHub. Base44 מתאים למי שרוצה הכול במקום אחד, כולל מסד נתונים ואחסון, בלי להגדיר כלום.
- [קלוד קוד למתחילים: מה זה Claude Code, ואיך מתחילים](https://www.taster.co.il/learn/claude-code-beginners): Claude Code הוא סוכן הקוד של Anthropic. בונים איתו אתרים ואפליקציות מבקשה בעברית, גם בלי לדעת לתכנת. הוא לא חינמי: צריך מנוי Claude בתשלום, ו־Pro עולה 20 דולר לחודש.
- [Codex למתחילים: סוכן הקוד של OpenAI, מההתקנה ועד אתר ראשון](https://www.taster.co.il/learn/codex-beginners): Codex הוא סוכן הקוד של OpenAI. הוא עובד באפליקציה משלו, בטרמינל, בעורכי קוד ובענן, ומתחברים אליו עם חשבון ChatGPT בתשלום או עם מפתח API.
- [Claude Code או Codex? ההבדלים, והדעה שלי](https://www.taster.co.il/learn/claude-code-vs-codex): Claude Code של Anthropic ו־Codex של OpenAI הם שני סוכני קוד שעובדים בצורה דומה מאוד: טרמינל, אפליקציה, עורך קוד, קובץ הוראות ו־MCP. ההבדל המרכזי הוא המנוי: Claude Code דורש מנוי Claude בתשלום, ו־Codex עובד עם מנוי ChatGPT בתשלום.

## עוד
- [אודות](https://www.taster.co.il/about)
- [יצירת קשר](https://www.taster.co.il/contact)
- [תנאי שימוש](https://www.taster.co.il/terms)
- [רישיון גופנים](https://www.taster.co.il/font-license)