{ReStory}

Reface/Logo: RefaceBranding

Logo components for Reface ecosystem
View fullscreen
Source Code
1export const RefaceBranding = component(() => (
2 ​<Stack direction="vertical" gap="xl">
3 ​ ​<SectionTitle>Reface Brand</SectionTitle>
4 ​ ​<Stack direction="vertical" gap="lg">
5 ​ ​ ​<LogoGrid>
6 ​ ​ ​ ​<RefaceIcon size="large" />
7 ​ ​ ​ ​<div class="title">Default Square Icon</div>
8 ​ ​ ​</LogoGrid>
9 ​ ​ ​<LogoGrid>
10 ​ ​ ​ ​<RefaceGroup />
11 ​ ​ ​ ​<div class="title">Full Brand Logo with Tagline</div>
12 ​ ​ ​</LogoGrid>
13 ​ ​ ​<LogoGrid>
14 ​ ​ ​ ​<RefaceHero />
15 ​ ​ ​ ​<div class="title">Hero Version with Animation</div>
16 ​ ​ ​</LogoGrid>
17 ​ ​</Stack>
18 ​</Stack>
19));