מערכת עיצוב

טנטרה

Design system tokens — colors, type, spacing, components.

צבעים / Color Tokens

Ground — backgrounds

ground-950
#1C1A14
bg-page

ground-900
#252318
bg-secondary

ground-800
#2E2B1E
bg-surface

ground-700
#3D3A2E
bg-elevated

ground-600
#524F3A
—

Cream — text

cream-50
#F5F0E8
highlight

cream-100
#E8DCC8
text-primary

cream-200
#D6C9AE
text-secondary

cream-300
#C4B593
muted

Gold — primary accent

gold-300
#E8D5A8

gold-400
#D4BC88
hover

gold-500
#C9A96E
accent

gold-600
#A07D47

gold-700
#7A5E31
dim

gold-800
#4F3B1A

Earth — secondary accent

earth-400
#A87755

earth-500
#8B6347

earth-600
#6B4F35
ornament

earth-700
#4A3220

Stone — muted neutrals

stone-200
#D8CFC6

stone-300
#C8BDB4

stone-400
#B5A89D
text-secondary

stone-500
#A89B8C

stone-600
#8A7E72
text-muted

stone-700
#6B6058

stone-800
#4A4238

Ritual — ceremonial crimson

Decorative / ornament use only. Never buttons, text, or interactive UI.

ritual-800
#5C1010

ritual-700
#8B1A1A
dim

ritual-600
#A82020

ritual-500
#C02828
the robe

ritual-400
#D44040

ritual-300
#E07070

Ornament dividers

.divider-gold

.divider-ritual

טיפוגרפיה / Typography

Display — Frank Ruhl Libre (serif)

88px / hero טנטרה

72px / display טנטרה

60px / display sm טנטרה

48px / h1 טנטרה

36px / h2 טנטרה

30px / h3 טנטרה

Body — Heebo (sans)

20px / subhead מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף.

18px / body lg מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף.

16px / body מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף.

14px / caption מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף.

12px / label מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף.

דרך הנשף והגוף

טנטרה

מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף, לשחרר מתח, ולהתחבר מחדש עם לב ולאנרגיה שלך.

מרווחים / Spacing

--spacing-tight

12px — tight clusters

--spacing-element

24px — between elements

--spacing-block

56px — between blocks

--spacing-section

112px — between sections

--spacing-gutter

32px — horizontal pad

קומפוננטים / Components

Buttons

Border tokens

border-subtle

border-default

border-strong

border-gold

Shadows — gold glow

shadow-sm

shadow-md

shadow-lg

shadow-glow

Icon containers

circle ✓

square ✗

Card / Surface

שיטה

חיים

מרחב בטוח ואמין שבו אפשר לנשום, להרגיש, ולהתחבר מחדש.

תצוגה מקדימה / Context Preview

דרך הנשף והגוף

טנטרה

מרחב טנטרי עדין שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם הגוף, לשחרר מתח.

חיים

בלבד

למחשבה

הירו / Hero Layout Options

Photo: golden hour / back turned. All three use real palette values. Gradient blocks simulate the warm amber + bokeh of that photo.

Option 1 — Full-bleed atmospheric

RTL gradient heavier right (text side). Text centered-right. Classic, proven, stunning with the golden hour photo.

דרך הנשף והגוף

טנטרה

מרחב שבו אפשר לעצור, לנשום,
ולהתחבר מחדש עם עצמך.

Gradient block simulates warm amber bokeh of golden-hour photo. Overlay: linear-gradient to-left, ground-950/82% → ground-950/5%

Option 2 — Split editorial

Photo left 58%, solid ground-950 right 42%. Gold vertical line between. No overlay needed — text on solid dark. Most readable. More structured.

דרך הנשף והגוף

טנטרה

מרחב שבו אפשר לעצור, לנשום, ולהתחבר מחדש עם עצמך.

Vertical gold divider: border-strong token. Text side: ground-950 solid. No overlay math needed.

Option 3 — Cinematic vignette

Full bleed. Heavy vignette all sides. Text anchored bottom-right, smaller and intimate. Feels like a film still. Most atmospheric.

דרך הנשף והגוף

טנטרה

מרחב שבו אפשר לעצור, לנשום, ולהתחבר מחדש.

Radial vignette + bottom linear gradient. Text scale smaller — intimacy over impact. Single CTA.

Recommendation: Option 1 for maximum atmosphere with the golden-hour photo. Option 2 if the photo crop is awkward or text readability is a concern. Option 3 if going for a more cinematic / premium feel — works especially well with the figure silhouette composition.