Tetardtek/originsdigital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(sprint3-step1-2): vision B2B + Tailwind tokens + LandingPage + Pricing B2B

Browse Source
This commit is contained in:
Tetardtek
2026-03-17 06:36:52 +01:00
parent e52aa1e79c
commit d25bfb7d87
10 changed files with 448 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/tailwind.config.ts
View File

@@ -1,8 +1,8 @@
import type { Config } from 'tailwindcss';
// Design system "Void" — palette custom OriginsDigital
// Les couleurs sont définies comme variables CSS dans src/styles/index.css
// → thème sombre/clair géré via data-theme="dark|light" sur <html>
// Design system "Void Dark" — OriginsDigital V1
// Palette validée Step 1 : fond #0a0a0a, surface #111, accent #c9a84c (or mat)
// Dark only — pas de toggle en V1
export default {
content: ['./index.html', './src/**/*.{ts,tsx}'],
theme: {
@@ -13,17 +13,46 @@ export default {
surface: 'var(--od-surface)',
'surface-hi': 'var(--od-surface-hi)',
border: 'var(--od-border)',
'border-hi': 'var(--od-border-hi)',
text: 'var(--od-text)',
muted: 'var(--od-muted)',
accent: 'var(--od-accent)',
'accent-dim': 'var(--od-accent-dim)',
'accent-glow':'var(--od-accent-glow)',
crit: 'var(--od-crit)',
ok: 'var(--od-ok)',
},
},
fontFamily: {
sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
mono: ['"JetBrains Mono"', '"Fira Code"', 'ui-monospace', 'monospace'],
// display : Geist — headlines H1, titres premium
display: ['Geist', 'Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
sans: ['Geist', 'Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
mono: ['"JetBrains Mono"', '"Fira Code"', 'ui-monospace', 'monospace'],
},
fontSize: {
// Densité élevée — chaque pixel justifié
'2xs': ['0.625rem', { lineHeight: '1rem' }],
},
borderRadius: {
sm: '0.25rem',
DEFAULT: '0.375rem',
md: '0.5rem',
lg: '0.75rem',
},
transitionDuration: {
DEFAULT: '150ms',
},
boxShadow: {
'accent-glow': '0 0 0 1px var(--od-accent-glow), 0 4px 20px var(--od-accent-glow)',
},
keyframes: {
'fade-in': {
from: { opacity: '0', transform: 'translateY(4px)' },
to: { opacity: '1', transform: 'translateY(0)' },
},
},
animation: {
'fade-in': 'fade-in 150ms ease-out',
},
},
},