melabidi/Rental-operations-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init project

Browse Source
This commit is contained in:
root
2026-06-25 19:06:59 -04:00
parent c5dfee6efb
commit 5d017f533a
349 changed files with 31330 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contracts/phase9/components/RESPONSIVE_BEHAVIOR_MATRIX_v1.0.csv
+20
View File
@@ -0,0 +1,20 @@
Component,Range_px,Layout,Constraint
Global,0-767,16px minimum gutter; 1 column; 320px reflow gate,No horizontal overflow at 320 CSS px and 400% zoom
Global,768-1119,24-32px gutter; 4/8-column compositions,Drawer navigation remains
Global,1120+,40px max gutter; 12-column composition; 1280px container,Desktop header visible
Header,0-1119,Brand + demo CTA where space permits + menu button,Language/theme/login live in drawer
Header,1120+,"Brand, center nav, locale/theme, login, demo CTA",Header min block 76px
Hero,0-1119,Copy then product visual; CTA wraps/stacks as needed,"Title <=14ch target, never forced"
Hero,1120+,7/5 grid; vertically centered,Visual may not reduce copy below readable measure
Lifecycle,0-479,1 column,Cards auto height
Lifecycle,480-767,2 columns,Odd last card spans only if approved
Lifecycle,768+,4 columns,"Equal visual rhythm, not fixed height"
Workflow,0-767,1 column ordered list,Connectors omitted
Workflow,768+,4 columns,Connectors direction-aware
Cards,0-767,1 column,No carousel substitution
Cards,768-1119,2 columns,Content-driven
Cards,1120+,2-3 columns by component contract,No text truncation
Dialogs,0-479,Viewport-safe margin 8-16px; internal scroll; no hidden submit,Virtual keyboard tested
Dialogs,480+,Max inline size 720px,Centered native dialog
Footer,0-767,Stacked groups,Logical order
Footer,768+,Brand column + grouped links,No fixed widths
1 Component Range_px Layout Constraint
2 Global 0-767 16px minimum gutter; 1 column; 320px reflow gate No horizontal overflow at 320 CSS px and 400% zoom
3 Global 768-1119 24-32px gutter; 4/8-column compositions Drawer navigation remains
4 Global 1120+ 40px max gutter; 12-column composition; 1280px container Desktop header visible
5 Header 0-1119 Brand + demo CTA where space permits + menu button Language/theme/login live in drawer
6 Header 1120+ Brand, center nav, locale/theme, login, demo CTA Header min block 76px
7 Hero 0-1119 Copy then product visual; CTA wraps/stacks as needed Title <=14ch target, never forced
8 Hero 1120+ 7/5 grid; vertically centered Visual may not reduce copy below readable measure
9 Lifecycle 0-479 1 column Cards auto height
10 Lifecycle 480-767 2 columns Odd last card spans only if approved
11 Lifecycle 768+ 4 columns Equal visual rhythm, not fixed height
12 Workflow 0-767 1 column ordered list Connectors omitted
13 Workflow 768+ 4 columns Connectors direction-aware
14 Cards 0-767 1 column No carousel substitution
15 Cards 768-1119 2 columns Content-driven
16 Cards 1120+ 2-3 columns by component contract No text truncation
17 Dialogs 0-479 Viewport-safe margin 8-16px; internal scroll; no hidden submit Virtual keyboard tested
18 Dialogs 480+ Max inline size 720px Centered native dialog
19 Footer 0-767 Stacked groups Logical order
20 Footer 768+ Brand column + grouped links No fixed widths