# 设计规范

### 色彩

<u-grid-layout>
    <u-grid-layout-row :repeat="6">
        <u-grid-layout-column>
            <u-color-scheme name="$brand-primary" value="#457cd0"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$brand-secondary" value="#575962"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$brand-info" value="#36a3f7"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$brand-success" value="#34bfa3"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$brand-warning" value="#ffb518"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$brand-error" value="#f34f69"></u-color-scheme>
        </u-grid-layout-column>
    </u-grid-layout-row>
    <u-grid-layout-row :repeat="6">
        <u-grid-layout-column>
            <u-color-scheme name="$brand-disabled" value="#c4ccd8"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$background-color-base" value="#f2f3f8"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$color-base" value="#565b61"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$color-secondary" value="#a3aab5"></u-color-scheme>
        </u-grid-layout-column>
        <u-grid-layout-column>
            <u-color-scheme name="$border-color-base" value="#dfe4ec"></u-color-scheme>
        </u-grid-layout-column>
    </u-grid-layout-row>
</u-grid-layout>