hebrew-landing-design

Designs Hebrew RTL landing pages with reasoned font selection, objection-driven structure, and native Israeli copy.

Updated Aug 5, 2026
One-click install
npx skills add https://github.com/amirbiron/claude-skills --skill hebrew-landing-design-amirbiron
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hebrew-landing-design
Source: https://github.com/amirbiron/claude-skills/tree/main/skills/hebrew-landing-design
Command: npx skills add https://github.com/amirbiron/claude-skills --skill hebrew-landing-design-amirbiron

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Hebrew landing pages built with generic AI design patterns end up looking templated: default fonts like Rubik or Assistant, indigo-to-purple gradients, SaaS skeleton layouts, and copy that reads like a translation from English. This Skill provides the Hebrew typography, RTL mechanics, and Israeli-market register needed to produce pages that look deliberately designed. ## Core Features & Use Cases - Hebrew Typography Guidance: A reference table of Hebrew fonts with wear-level ratings, non-default font pairings, and techniques for differentiation through weight contrast instead of rare display fonts. - Objection-Driven Page Structure: Section order derived from the specific audience's real objections (clinic, cosmetics, SaaS, local service) rather than a fixed template. - RTL Mechanics Reference: Concrete CSS rules covering logical properties, transform and shadow flipping, bidi punctuation bugs, and pre-delivery RTL checks. - Israeli Copywriting Register: WhatsApp-first conversion patterns, visible phone numbers, and replacement phrasing for translated SaaS clichés. - Use Case: A user asks to build a landing page for a Tel Aviv physiotherapy clinic. The Skill guides font pairing (e.g., Frank Ruhl Libre headings with Heebo body), opens the page with the practitioner's face and credentials, and writes CTA copy a person would actually say aloud. ## Quick Start Design a Hebrew landing page for my business using the hebrew-landing-design skill, and present the design plan before writing any code.

Frequently Asked Questions about hebrew-landing-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a Hebrew landing page that doesn't look generic?

Avoid the default signals: Rubik or Assistant fonts without justification, indigo-to-purple gradients, and the standard SaaS section skeleton. Differentiate through extreme weight contrast within one font family and derive section order from your audience's actual objections.

What are good Hebrew font pairings for landing pages?

Non-default pairings include Frank Ruhl Libre headings with Heebo body for professional authority, Suez One with Alef for campaign energy, and Bellefair with Assistant for quiet luxury. Choose based on the subject, not from a generic recommendation list.

How do I fix RTL layout issues in CSS for Hebrew pages?

Use logical properties like margin-inline-start instead of margin-left so layout flips automatically. Manually flip translateX values, box-shadow offsets, and directional icons, since these do not reverse on their own under dir="rtl".

Why does punctuation jump to the wrong place in mixed Hebrew-English text?

The bidi algorithm misplaces punctuation at direction boundaries when Latin words or numbers touch Hebrew text. Wrap foreign sequences in <bdi> tags or apply unicode-bidi: isolate, and use the &rlm; control character for uncontrolled API strings.

When should I not use this Hebrew landing page skill?

Do not use it for pages primarily in English, where the general frontend-design skill suffices, or for technical documentation and guides, which need a tech-guide-design approach instead. It targets Hebrew marketing and sales pages specifically.