erikgh
60d3f22e6b
Migra todo el sitio a la marca oficial aprobada por la dueña: - Logotipo cre≡er (el símbolo ≡ reemplaza la 'e' central, en dorado) - Paleta: Azul Profundo #0A1D5D + Dorado Estratégico #C4942E + Blanco + neutros - Tipografía: Aptos (Inter como fallback web), fin del sistema híbrido Georgia/Inter - Tagline 'CLARIDAD · DIRECCIÓN · CRECIMIENTO' + eslogan 'Estrategia que transforma.' Componentes, tokens de Tailwind, lib/content.ts, docs (dueña-directrices + spec) y tests actualizados. Typecheck, lint, 27/27 tests y build estática verdes. Basado en docs/branding.jpeg (Manual v1.0, mayo 2026).
23 lines
667 B
TypeScript
23 lines
667 B
TypeScript
import { wordmark } from '@/lib/content';
|
|
|
|
type Size = 'sm' | 'md' | 'lg' | 'xl';
|
|
const sizeClass: Record<Size, string> = {
|
|
sm: 'text-xl',
|
|
md: 'text-2xl',
|
|
lg: 'text-3xl',
|
|
xl: 'text-5xl',
|
|
};
|
|
|
|
export function Wordmark({ size = 'lg', onDark = false }: { size?: Size; onDark?: boolean }) {
|
|
const { before, after } = wordmark.parts;
|
|
const baseColor = onDark ? 'text-white' : 'text-azul-profundo';
|
|
const goldColor = 'text-dorado';
|
|
return (
|
|
<span className={`font-sans font-bold tracking-tight leading-none ${sizeClass[size]} ${baseColor}`}>
|
|
{before}
|
|
<span data-accent="true" className={goldColor}>≡</span>
|
|
{after}
|
|
</span>
|
|
);
|
|
}
|