Greeting
Greeting004
A greeting template.
↓
Code
en.astro
---
import DemoLayout from '@/layouts/DemoLayout.astro';
import { Wrapper, Grid, Frame, Media, Stack, Flow, Layer, Center, Text, Inline, Heading } from 'lism-css/astro';
import './_style.css';
---
<DemoLayout title="Greeting004">
<Wrapper isContainer contentSize="full" py="50">
<Frame ar={['3/2', '16/9', '21/9']} gc="1 / -1" w="stretch" pos="relative">
<Media src="https://cdn.lism-css.com/random/img" alt="" width="960" height="640" />
<Layer bgc="rgb(0 0 0 / 20%)" style={{ backdropFilter: 'blur(8px)' }}>
<Center h="100%" c="white">
<Inline class="u--trim" fz="4xl" fw="normal" ff="mono" fs="italic" lts="l" px="20" py="10" my-s={['-20', '-30']}>Greeting</Inline>
</Center>
</Layer>
</Frame>
<Wrapper contentSize="m" hasGutter my-s={['-50', '-60']} pos="relative">
<Grid gtc="auto" g="40" bgc="base" p={['40', '50']}>
<Stack g="30">
<Heading level="2" class="u--trim" fz="3xl" fw="bold" ff="accent">Coexisting with the Earth, Shaping Tomorrow</Heading>
<Text class="u--trim" fz="xl" o="pp">CEO Daichi Iwasaki</Text>
</Stack>
<Flow fz="m">
<p>
We now stand at a historic crossroads where the future of Earth, our one and only home, is being questioned. Facing this reality, our
responsibility as a manufacturer and as designers is immeasurable. Breaking free from the one-way approach of "consumption-driven"
manufacturing and beautifully reintegrating our industry into the cycles of nature. We are convinced that this is the most important and
most creative design challenge of our time.
</p>
<p>
What we propose is the concept of "Circular Design." It is an approach that deeply considers what happens after a product's life has
ended, from the very earliest stages of design. Beautiful new materials upcycled from discarded fishing nets, bioplastics that return to
the earth, and modular structures that make repairs and parts replacement easy. We are building a future-oriented ecosystem where products
become "resources" for creating the next products, rather than becoming waste.
</p>
<p>
This effort goes beyond mere environmental consideration. A new aesthetic resides within it. The beauty of natural materials that deepen
and gain character over time. Minimal, intelligent forms born from maximizing limited resources. The pursuit of sustainability provides us
designers with new inspiration and becomes the driving force for creating unprecedented values.
</p>
<p>
When customers choose our products, it is more than a purchase. It is a vote for a new future of coexistence with the Earth. We wish to
lead this great wave of change together with our customers and like-minded partners. To realize a sustainable and truly enriched society
through the power of design. Our challenge has only just begun.
</p>
</Flow>
</Grid>
</Wrapper>
</Wrapper>
</DemoLayout> style.css