fastcoder 슬로건
- “비싼 개발 대신, 합리적인 선택”
- “필요한 프로그램, 지금 바로”
Layout: Container
fastcoder 토큰 기반 max-width, padding 적용. size: sm / md / lg / xl / xxl
Container
max-width + 반응형 padding
이 영역은 Container size="md" (768px) 안입니다.
Buttons
variant: primary / secondary / outlined / text / danger · size: xs ~ xl
Inputs
size: sm / md / lg · states: default, hover, focus, error, disabled
이 필드는 필수입니다.
Cards
variant: default / elevated / outlined / filled · hover 옵션
기본 카드
variant=default
내용 영역입니다.
호버 카드
hover 시 살짝 올라옴
transition + shadow
Elevated
그림자 강조
border 없음
Outlined
테두리만
shadow 없음
Filled
회색 배경
배경 gray
Spacing · Border Radius · Shadows
Spacing 토큰
layout.spacing.scale (fastcoderTheme)
Border Radius
borders.radius
Shadows
shadows 토큰
Semantic Colors
Layout: Header & Footer
fastcoder 브랜딩 적용. 복사 버튼으로 사용 코드 확인.
Header
(Header는 페이지 상단에 고정되어 있음)
Footer
(Footer는 페이지 하단에 표시됨. 슬로건 포함)