Add Krown and Narrenschiff brand fonts to Re Evolution Art section
Krown (bold geometric sans-serif) used for titles, Narrenschiff (modern geometric) used for body text in the Re Evolution Art section to match the brand identity. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
96172427fc
commit
681ee2f883
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,5 +1,38 @@
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
/* Re Evolution Art brand fonts */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Krown';
|
||||||
|
src: url('/fonts/Krown-Bold.otf') format('opentype');
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Krown';
|
||||||
|
src: url('/fonts/Krown-Regular.otf') format('opentype');
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Narrenschiff';
|
||||||
|
src: url('/fonts/Narrenschiff-Regular.otf') format('opentype');
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Narrenschiff';
|
||||||
|
src: url('/fonts/Narrenschiff-Light.otf') format('opentype');
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--bg-cream: #faf8f5;
|
--bg-cream: #faf8f5;
|
||||||
--bg-dark: #1a1a1a;
|
--bg-dark: #1a1a1a;
|
||||||
|
|
|
||||||
|
|
@ -336,14 +336,14 @@ function ReEvolutionSection() {
|
||||||
className="object-contain"
|
className="object-contain"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p className="font-sans-alt text-xs tracking-[0.2em] text-[var(--accent-gold)] mb-4">
|
<p style={{ fontFamily: "'Narrenschiff', sans-serif" }} className="text-xs tracking-[0.2em] text-[var(--accent-gold)] mb-4">
|
||||||
CULTURAL PLATFORM
|
CULTURAL PLATFORM
|
||||||
</p>
|
</p>
|
||||||
<h2 className="text-4xl md:text-5xl font-light mb-6">
|
<h2 style={{ fontFamily: "'Krown', sans-serif", fontWeight: 700 }} className="text-4xl md:text-5xl mb-6">
|
||||||
Re Evolution Art
|
Re Evolution Art
|
||||||
</h2>
|
</h2>
|
||||||
<div className="divider"></div>
|
<div className="divider"></div>
|
||||||
<p className="text-lg max-w-3xl mx-auto opacity-80">
|
<p style={{ fontFamily: "'Narrenschiff', sans-serif" }} className="text-lg max-w-3xl mx-auto opacity-80">
|
||||||
A visionary cultural platform based in Switzerland and rooted in Bolivia. Through exhibitions,
|
A visionary cultural platform based in Switzerland and rooted in Bolivia. Through exhibitions,
|
||||||
immersive gatherings, TRIBAL events and collaborative projects, we bring together artists,
|
immersive gatherings, TRIBAL events and collaborative projects, we bring together artists,
|
||||||
ritualists, musicians and independent creators engaged in inner work and cultural dialogue.
|
ritualists, musicians and independent creators engaged in inner work and cultural dialogue.
|
||||||
|
|
@ -362,10 +362,10 @@ function ReEvolutionSection() {
|
||||||
className="object-cover transition-transform duration-500 group-hover:scale-105"
|
className="object-cover transition-transform duration-500 group-hover:scale-105"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-xl font-light mb-3 text-[var(--accent-gold)]">
|
<h3 style={{ fontFamily: "'Krown', sans-serif", fontWeight: 700 }} className="text-xl mb-3 text-[var(--accent-gold)]">
|
||||||
{event.title}
|
{event.title}
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-sm opacity-70 leading-relaxed">
|
<p style={{ fontFamily: "'Narrenschiff', sans-serif" }} className="text-sm opacity-70 leading-relaxed">
|
||||||
{event.description}
|
{event.description}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -373,7 +373,7 @@ function ReEvolutionSection() {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex justify-center mt-20">
|
<div className="flex justify-center mt-20">
|
||||||
<Link href="#" className="btn-outline btn-outline-light">
|
<Link href="#" className="btn-outline btn-outline-light" style={{ fontFamily: "'Narrenschiff', sans-serif" }}>
|
||||||
Explore Events
|
Explore Events
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue