Search

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