Butter（黄油暖金主题）

Butter 是一套暖金调性的主题。它采用暖金色作为背景表面，搭配蓝色作为视觉点缀，适合生活方式类、创意展示或温暖调性的产品界面。

• 字体配置： 正文采用 Outfit 字体，展示型大字号采用复古手写风格的 Sarina。
• 作用范围： 仅对带有 data-astryx-theme="butter" 的元素及其子树生效，不会污染全局 :root。

引入与使用

在项目中引入 Butter 主题样式表：

import '@astryx-vue/themes/butter.css'

在需要使用该风格的容器标签上加上主题标记即可：

<div data-astryx-theme="butter">
  <!-- 此容器内的所有 astryx-vue 组件都将自动呈现 Butter 风格 -->
</div>

视觉预览

Studio

Shop New In Stories Help

Little joys,
everywhere you go

We believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.

Fresh

Butter Croissant

Flaky, laminated layers baked golden each morning.

Quantity

Popular

Pancakes

Stacked tall with a melting pat of butter.

Quantity

New

Belgian Waffle

Deep pockets made for syrup and butter.

Quantity

Checkout

Email

Shipping method

Delivery time may vary based on location and availability.

Economy ShippingDelivered in 5–7 business days $12.00 Standard ShippingDelivered in 3–5 business days $16.00 Express ShippingDelivered in 1–2 business days $24.00

Card number

Expiry

CVC

Securely save my information for 1-click checkout

Pay faster on Studio and everywhere Link is accepted.

Studio AI

Today

Where’s my order?

Your order #1043 — the Minimalist Watch and Linen Throw — shipped this morning from the Aisle 3 warehouse and is currently in transit with UPS. It’s on track to arrive at your address by end of day tomorrow. Let me know if you’d like to reschedule the delivery, redirect it to a pickup point, or start a return once it arrives.

Can you show me the full details?

Here’s everything I have on order #1043: Minimalist Watch · Linen Throw, $248. Shipping is UPS Ground, $12, estimated tomorrow by 8pm. Tracking UPS 1Z 999 AA1 0123 4567 84.

Inventory

2 items are running low

Item	Available	Tags
Butter Croissant All-butter, 27 layers · Case 1	64	Fresh
Pancakes Stack of three · Griddle	38	Popular
Belgian Waffle Liège style, pearl sugar · Griddle	51	New
Buttered Toast Sourdough, thick cut · Case 2	12	Classic
Cultured Butter European style, salted · Cooler	27	Staple
Almond Croissant Frangipane filled · Case 1	19	Limited

Revenue

18K Monthly revenue

+12% Order growth

Activity

See all

Order #1043Placed · 1:59 pm

+$248

Order #1041Refunded · 12:40 pm

−$89

Order #1040Placed · 10:30 am

+$156

Order #1038Placed · 9:11 am

+$412

Order #1037Placed · 8:42 am

+$95