Back to library
Brand story Shopify sections
About, timeline and editorial Shopify sections for brand pages and content-led homepages.
16 copy-paste Liquid files
- About IntroCream brand statement with founder signature
- Brand TimelineVertical brand-story timeline with year markers
- Luxe ManifestoDeep-green manifesto with gold rules
- Neon RoadmapGlowing vertical roadmap with pulse node
- Print StoryDrop-cap two-column story with pull quote
- Print TimelineChronicle timeline with oversized serif years
- Scroll Reveal TextStatement text revealing word-by-word on scroll
- Team GridTeam grid, grayscale-to-color hover portraits
- Text MarqueeInfinite scrolling headline marquee
- Timeline HorizontalHorizontal scroll-snap timeline with line + nodes
- Values GridEditorial values columns with roman numerals
- Blog FeaturedFeatured article + compact list layout
- Blog ListEditorial article index rows with hover motion
- Content Cards3-column article/content cards with tags
- Image ParallaxParallax image banner with centered content
- Image with TextClassic image + text split, ratio and layout switches
- About Intro品牌宣言:米色底大段宣言文字 + 创始人头像署名行 + 衬线斜体落款,About 页开篇模块。
- Brand Timeline品牌历程时间线:竖向线 + 年份节点,每个里程碑含年份 / 标题 / 描述,适合 About 页讲品牌故事。
- Luxe Manifesto墨绿深底品牌宣言:居中大段象牙色 serif 文字 + 金色短横线 + 小型大写署名,庄重表达。
- Neon Roadmap产品路线图:垂直发光渐变线 + 脉冲节点 + 玻璃里程碑卡(等宽版本号),适合新品迭代叙事。
- Print Story杂志排版品牌故事:首字下沉双列正文 + 上下双线 pull quote,编辑部气质。
- Print Timeline年表式时间线:左侧超大 serif 年份 + 右侧事件描述,双线开头细线分隔,编年史排版。
- Scroll Reveal Text滚动显色宣言:大段品牌宣言逐词从浅灰过渡为深色,随滚动推进,讲品牌理念的沉浸式动效。
- Team Grid团队成员网格:四列人像卡(黑白 → 悬停彩色微放大),姓名/职位/可选链接,有温度的团队展示。
- Text Marquee大字滚动横幅:多条口号无缝循环滚动,可调速度与字号,悬停暂停。
- Timeline Horizontal横向滚动时间线:贯穿卡片的水平线与强调色节点,scroll-snap 滑动 + 箭头控制,与竖版时间线互补。
- Values Grid品牌价值观三栏:衬线罗马数字(I. II. III.)+ 标题 + 文案,细线分栏的编辑排版风。
- Blog Featured头条文章布局:左侧大图头条(标签/标题/摘要/作者日期),右侧紧凑文章列表,内容首页经典版式。
- Blog List编辑风文章索引:日期 | 大标题 | 标签 | 箭头的整行列表,细分隔线,悬停标题位移 + 箭头变色。
- Content Cards文章 / 内容卡片三列网格:图片 + 分类标签 + 标题 + 摘要,顶部带"查看全部"链接,适合博客导流。
- Image Parallax视差图片横幅:背景图随滚动缓慢位移形成景深感 + 居中文案按钮,尊重减弱动态设置自动降级。
- Image with Text经典左右图文模块:图片 + 标题 + 富文本 + 按钮。图片比例(4:3 / 1:1 / 4:5)与左右布局可切换。