호크스 앤 아트워크스
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap'); @supports(display: grid) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "SCP-Offices-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "SCP Offices Theme"; /* set this to your theme's full name */ /* Typefaces */ --body-font: "JetBrains Mono", Recursive, Consolas, monaco, monospace; --header-font: var(--header-font); --title-font: var(--header-font); --mono-font: var(--header-font); --UI-font: var(--header-font); /* Standard Colors */ --white-monochrome: 238, 238, 216; --pale-gray-monochrome: 233, 231, 204; --light-gray-monochrome: 147, 147, 147; --gray-monochrome: 127, 127, 127; --dark-gray-monochrome: 101, 101, 101; --black-monochrome: 25, 20, 16; --bright-accent: 145, 179, 153; --medium-accent: 145, 179, 153; --dark-accent: 105, 133, 111; --swatch-text-general: var(--swatch-text-dark); --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:scp-offices-theme/scpoffices_logo.svg"); --background-gradient-color: 215, 215, 215; --background-gradient-distance: 40rem; /* Link Colors */ --link-color: var(--bright-accent); --visited-link-color: var(--dark-accent); --hover-link-color: var(--dark-accent); --newpage-color: 221, 102, 17; } #container-wrap-wrap { background-image: repeating-linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 0.25vh, rgba(88, 88, 88, 0.1) 0.35vh, rgba(88, 88, 88, 0.2) 0.5vh), linear-gradient(to bottom, rgba(var(--black-monochrome), 1) var(--header-height-on-desktop), rgba(var(--gray-monochrome), 1) calc(var(--header-height-on-desktop) + 0.125rem), rgba(var(--gray-monochrome), 1) calc(100% - 0.125rem), rgba(var(--gray-monochrome), 1) calc(100% - 0.125rem), rgba(var(--black-monochrome), 1) 100%); background-repeat: no-repeat; background-size: 100% var(--header-height-on-desktop), 100% var(--final-header-height-on-desktop); } a { --wght: 900; font-weight: 900; } #header h2 span::before { color: rgb(var(--bright-accent)); } #header h1 *, #top-bar *, #page-title * { will-change: opacity; transition: opacity 0.2s ease-in-out; } #header h1 a:hover::before, #header h1 a:hover::after, #top-bar a:hover, #page-title:hover, #search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus { -webkit-animation: flicker 20s linear infinite; animation: flicker 20s linear infinite; } #side-bar .collapsible-block-unfolded { background: unset; } #side-bar div.menu-item a.collapsible-block-link, #side-bar .side-block>.collapsible-block a.collapsible-block-link { background: rgba(var(--medium-accent), 0.5); } #side-bar .close-menu::before { line-height: 0.85em !important; } #side-bar .heading p, #side-bar .collapsible-block .collapsible-block-link { color: rgb(var(--swatch-primary-darkest)) } #side-bar div.menu-item a, #side-bar div.menu-item .text { --wght: 900; font-weight: 900; } #side-bar div.menu-item a:hover, #side-bar div.menu-item a:active { -webkit-animation: flicker 20s linear infinite; animation: flicker 20s linear infinite; color: rgb(var(--swatch-text-tertiary-color)); } #side-bar div.menu-item a:focus-within { -webkit-animation: flicker 20s linear infinite; animation: flicker 20s linear infinite; color: rgb(var(--swatch-text-tertiary-color)); } .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link { background: rgb(var(--bright-accent)) !important; } div[id*="page-options-bottom"] { --ui-wght: 600; --ui-hvr-wght: 600; font-size: calc(var(--base-font-size) * 0.75); } @media only screen and (max-width: 56.25rem) { #header { background-repeat: no-repeat, repeat; background-position: left calc(5vw + 5.5rem - 10.4rem) top calc(4% - var(--offset-from-page-top) / 2), top center; background-size: calc(8.75rem + var(--offset-from-page-top)), 100% var(--header-height-on-desktop); } } @-webkit-keyframes flicker { 0% { opacity: 1; } 5% { opacity: .9; } 6% { opacity: .8; } 11% { opacity: .4; } 11.25% { opacity: .6; } 11.5% { opacity: .4; } 18% { opacity: 1; } 18.5% { opacity: .9; } 22% { opacity: 1; } 38.5% { opacity: 1; } 39% { opacity: .8; } 42% { opacity: 1; } 60% { opacity: 1; } 60.5% { opacity: 0; } 62% { opacity: 0; } 63% { opacity: .2; } 63.25% { opacity: 0; } 65% { opacity: 1; } 73% { opacity: 1; } 75% { opacity: .8; } 79% { opacity: 1; } 100% { opacity: 1; } } @keyframes flicker { 0% { opacity: 1; } 5% { opacity: .9; } 6% { opacity: .8; } 11% { opacity: .4; } 11.25% { opacity: .6; } 11.5% { opacity: .4; } 18% { opacity: 1; } 18.5% { opacity: .9; } 22% { opacity: 1; } 38.5% { opacity: 1; } 39% { opacity: .8; } 42% { opacity: 1; } 60% { opacity: 1; } 60.5% { opacity: 0; } 62% { opacity: 0; } 63% { opacity: .2; } 63.25% { opacity: 0; } 65% { opacity: 1; } 73% { opacity: 1; } 75% { opacity: .8; } 79% { opacity: 1; } 100% { opacity: 1; } } }
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700'); @font-face { font-family: 'D2Coding'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff') format('woff'); font-weight: normal; font-style: normal; } @supports(--css: variables) { :root:lang(ko) { /* Header */ --header-title: "SCP 재단"; --header-subtitle: "확보, 격리, 보호"; /* Typefaces */ --body-font: 'IBM Plex Mono', 'D2Coding', monospace; --header-font: 'IBM Plex Mono', 'D2Coding', monospace; --title-font: 'IBM Plex Mono', 'D2Coding', monospace; --mono-font: 'IBM Plex Mono', 'D2Coding', monospace; } } /* Info module fix */ #page-content .rate-box-with-credit-button { background: linear-gradient(to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 30%, rgb(var(--dark-accent)) 100%) !important; } #page-content .rate-box-with-credit-button>.creditButton:hover { background: none; } #page-content .rate-box-with-credit-button>.creditButton>p>a:before { -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } #page-content .rate-box-with-credit-button>.creditButton>p>a:hover:before { background: rgb(var(--white-monochrome)) !important; } textarea { font-family: var(--mono-font); } input#edit-page-title.text { font-family: var(--title-font); }
공허에 오신 것을 환영합니다[]

요청하시는 분들이 많아서 아트워크 페이지를 만들었습니다!
약간의 자기소개:
별로 말씀드릴 건 없네요. 새들이랑 변칙개체를 사랑합니다.
… 80년대는 말할 것도 없고 …
약간의 작품소개:
저는 여러 가지 기법과 양식으로 작업하는 디지털 아티스트입니다. 똑같은 그림만 계속 그리는 건 저한테는 너무 지루하니까요. 그런 의미로, 제가 새들부터 인간형까지 여러분이 생각하실 만한 섬뜩한 괴물은 뭐든지 간에 다양한 SCP들을 갖고 노는 모습을 지켜봐 주세요. 이 사이트의 다양성이 SCP 관련 작품을 만드는 걸 더욱더 흥미진진하게 만들어 줍니다. 제가 기법은 다양하겠지만 작품들에는 한 가지 공통점이 있답니다. 바로 어둡고 뭔가 불쾌한 느낌이죠.
편히 둘러보시고, 제가 보여드리는 작품들을 즐기셨으면 좋겠습니다.
![]() |
|
제가 처음 완성한 SCP 아트워크입니다. 그 사실 때문에 아직도 꽤 행복하네요. |
---|
![]() |
|
그냥 즉흥적으로 만들어본 귀엽고 조그만 049입니다. :) |
---|
![]() |
|
저는 구름 낀 날의 저 가라앉고 음산한 분위기를 잡아내기 좋아합니다. |
---|
![]() |
|
사이먼 스탈렌하그의 그림에서 영감을 얻은, 개인적인 스토리아트입니다. |
---|
![]() |
|
스탈렌하그의 그림을 모티브로 한 두 번째 스토리아트입니다. |
---|
앞으로도 더 찾아올 테니 걱정하지 마세요.
SCP 그림은 마음껏 신청하시면 됩니다.
댓글 보기